X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
> Выравнивание картинки по центру между текстом
NikN
NikN
Topic Starter сообщение 10.9.2020, 10:32; Ответить: NikN
Сообщение #1


Здравствуйте! Необходимо вставить картинку в текст как на скане . Текст выровнен по центру относительно картинки. Долгие поиски в Интернете ни к чему не привели. Может конечно как-то не так задавал вопрос. Помогите с решением этой проблемы.

Сообщение отредактировал NikN - 10.9.2020, 10:37
Эскизы прикрепленных изображений
Прикрепленное изображение
 
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Emtec
Emtec
сообщение 10.9.2020, 11:40; Ответить: Emtec
Сообщение #2


NikN, ты верстаешь что-то?
Вообще делается или табличная или блочная верстка. У тебя выходит 6 колонок(или дивов) - вот в тратью пихаешь картинку и текст и настраиваешь выравнивание.

Сообщение отредактировал Emtec - 10.9.2020, 11:41


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 10.9.2020, 11:59; Ответить: Degradator
Сообщение #3


Делай флексами

Код
<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


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
KOLIAN
KOLIAN
сообщение 10.9.2020, 12:32; Ответить: KOLIAN
Сообщение #4


Решений особо сложных тут нет, просто верстка пункта меню с картинкой (можете это искать в гугле), плохо искали или не старались найти. Выровнять тоже можно найти в гугле как выровнять по центру css. Хотите готовое для вас, спеца просите, работы на чашку кофе.

Сообщение отредактировал KOLIAN - 10.9.2020, 12:36


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
falken
falken
сообщение 11.9.2020, 14:45; Ответить: falken
Сообщение #5


Цитата(Emtec @ 10.9.2020, 10:40) *
Вообще делается или табличная

табличная верстка не делается уже ооооооооочень давно :)


--------------------
🗹 Быстрый и надежный хостинг от 135 рублей


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ViktoriaFE
ViktoriaFE
сообщение 18.11.2020, 19:04; Ответить: ViktoriaFE
Сообщение #6


NikN, попробуй вставить картинку отдельным div-ом и выровнять margin и padding относительно других div-ов(текста рядом)

NikN, сделай флекс-боксами, удобнее всего выровнять все элементы вместе относительно друг друга и относительно страницы. Есть забавное пособие для начинающих: https://flexboxfroggy.com/#ru
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Artos_mw
Artos_mw
сообщение 18.11.2020, 22:54; Ответить: Artos_mw
Сообщение #7


На мой взгляд тут вариантов решения много. Для выбора варианта необходимо знать дополнительно некоторые условия, например:
- надо ли переносить пункты меню на следующую строку при сужении окна браузера;
- если пункт меню будет из нескольких слов, надо ли слова располагать отдельными строками внутри пункта меню;
- и другие условия.

Сообщение отредактировал Artos_mw - 18.11.2020, 23:01
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
kwork
kwork
сообщение 22.11.2020, 0:42; Ответить: kwork
Сообщение #8


Пробуй как-то так
display: flex
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Flexbox
Flexbox
сообщение 13.12.2020, 11:17; Ответить: Flexbox
Сообщение #9


Если выровнять по вертикали то флексами все элементы выравниваются align-items center
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
front_Dasha
front_Dasha
сообщение 20.12.2020, 20:54; Ответить: front_Dasha
Сообщение #10


display: flex
margin: auto
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Как Изменить цвет картинки под фон сайта через 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


 



RSS Текстовая версия Сейчас: 25.2.2021, 21:38
Дизайн