Помощник
 |
|
|
|
|
Сообщение сайта
Здравствуйте, гость ( Вход | Регистрация )
|
 Выравнивание картинки по центру между текстом |
NikN
|
Сообщение
#1
|
|||
|
Новичок  Группа: User Сообщений: 4 Регистрация: 28.3.2018 Поблагодарили: 0 раз Репутация:  0 
 |
|
|||
 |
|
|||
Emtec
|
 10.9.2020, 11:40;
Ответить: Emtec
Сообщение
#2
|
 Старожил Группа: Active User Сообщений: 1870 Регистрация: 6.5.2017 Поблагодарили: 441 раз Репутация: 42
|
NikN, ты верстаешь что-то?
Вообще делается или табличная или блочная верстка. У тебя выходит 6 колонок(или дивов) - вот в тратью пихаешь картинку и текст и настраиваешь выравнивание. Сообщение отредактировал Emtec - 10.9.2020, 11:41 -------------------- |
|
|
|
|
Degradator
|
10.9.2020, 11:59;
Ответить: Degradator
Сообщение
#3
|
 0 Группа: Active User Сообщений: 2113 Регистрация: 2.7.2012 Поблагодарили: 17 раз Репутация: 8
|
Делай флексами
Код <style>
.menu { display: flex; justify-content: space-around; background-image: url(https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png); } </style> <div class="menu"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> </div> Сообщение отредактировал Degradator - 10.9.2020, 12:00 |
|
|
|
|
KOLIAN
|
10.9.2020, 12:32;
Ответить: KOLIAN
Сообщение
#4
|
 Участник Группа: User Сообщений: 157 Регистрация: 9.7.2015 Поблагодарили: 25 раз Репутация: 4
|
Решений особо сложных тут нет, просто верстка пункта меню с картинкой (можете это искать в гугле), плохо искали или не старались найти. Выровнять тоже можно найти в гугле как выровнять по центру css. Хотите готовое для вас, спеца просите, работы на чашку кофе.
Сообщение отредактировал KOLIAN - 10.9.2020, 12:36 -------------------- |
|
|
|
|
falken
|
11.9.2020, 14:45;
Ответить: falken
Сообщение
#5
|
 online Группа: Super Moderator Сообщений: 4347 Регистрация: 23.3.2011 Поблагодарили: 4764 раза Репутация: 395
|
Цитата(Emtec @ 10.9.2020, 10:40)  Вообще делается или табличная табличная верстка не делается уже ооооооооочень давно 
-------------------- |
|
|
|
|
ViktoriaFE
|
18.11.2020, 19:04;
Ответить: ViktoriaFE
Сообщение
#6
|
|
Новичок Группа: PreUser Сообщений: 10 Регистрация: 19.8.2020 Поблагодарили: 0 раз Репутация: 0
|
NikN, попробуй вставить картинку отдельным div-ом и выровнять margin и padding относительно других div-ов(текста рядом)
NikN, сделай флекс-боксами, удобнее всего выровнять все элементы вместе относительно друг друга и относительно страницы. Есть забавное пособие для начинающих: https://flexboxfroggy.com/#ru |
|
|
|
|
Artos_mw
|
18.11.2020, 22:54;
Ответить: Artos_mw
Сообщение
#7
|
|
Участник Группа: User Сообщений: 179 Регистрация: 1.2.2019 Поблагодарили: 0 раз Репутация: 19
|
На мой взгляд тут вариантов решения много. Для выбора варианта необходимо знать дополнительно некоторые условия, например:
- надо ли переносить пункты меню на следующую строку при сужении окна браузера; - если пункт меню будет из нескольких слов, надо ли слова располагать отдельными строками внутри пункта меню; - и другие условия. Сообщение отредактировал Artos_mw - 18.11.2020, 23:01 |
|
|
|
|
kwork
|
22.11.2020, 0:42;
Ответить: kwork
Сообщение
#8
|
|
Новичок 
 Группа: User Сообщений: 20 Регистрация: 22.11.2020 Поблагодарили: 0 раз Репутация: 0
|
Пробуй как-то так
display: flex |
|
|
|
|
Flexbox
|
13.12.2020, 11:17;
Ответить: Flexbox
Сообщение
#9
|
|
Новичок Группа: Viewer Сообщений: 9 Регистрация: 8.12.2020 Поблагодарили: 0 раз Репутация: 0
|
Если выровнять по вертикали то флексами все элементы выравниваются align-items center
|
|
|
|
front_Dasha
|
20.12.2020, 20:54;
Ответить: front_Dasha
Сообщение
#10
|
 Новичок Группа: User Сообщений: 19 Регистрация: 13.12.2020 Из: Москва Поблагодарили: 1 раз Репутация: 1
|
display: flex
margin: auto |
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Как Изменить цвет картинки под фон сайта через css? | 15 | HITMAN84 | 1696 | 29.1.2021, 22:21 автор: Coffee |
|
Автоматическая перелинковка между страницами Wordpress | 4 | rokot | 1175 | 28.7.2019, 20:56 автор: rokot |
|
Выравнивание содержимого footer'a | 0 | press74 | 1981 | 2.7.2019, 18:58 автор: -iiwanc- |
|
Нужно добавить картинки на сайт И видео |
2 | Ksardas777 | 3420 | 17.11.2018, 10:41 автор: Intuit89 |
|
Сменить фокус общения JS между документами нужен очень толковый JS разработчик |
0 | LebedevStr | 2076 | 24.6.2018, 19:21 автор: LebedevStr |
|
Текстовая версия | Сейчас: 25.2.2021, 21:38 |
