|
Модераторы: Illuminaty |
|
WingfirE |
|
||||
Шустрый Профиль Группа: Участник Сообщений: 110 Регистрация: 10.3.2012 Репутация: нет Всего: нет |
Всем привет.
Можете подсказать, как сделать, чтобы картинка не накладывалась на текст? https://codepen.io/Whitecolor/pen/MXWBvW
|
||||
|
|||||
ksnk |
|
||||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Если картинка - не всплывающий банер, а часть текста статьи, то и ставить ему position:fixed неправильно.
Возможно, правильнее будет вставить его в общий поток данных как нибудь так.
Хотя размер по высоте придется корректировать после загрузки картинки javascript' ом. Еще нужно дать возможность пользователю эту картинку рассмотреть получше. Возможно в этом случае правильно будет вставлять тег img, а не div. C фоновыми картинками тот еще геморрой в статейной верстке. По крайней мере, вычисление высоты возьмет на себя броузер. с img получается проще... что-то вроде
флоат - чтобы в широком тексте статьи все таки текст обтекал картинку, а в столбчатом и так нормально должно быть Это сообщение отредактировал(а) ksnk - 30.5.2018, 08:54 -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
||||
|
|||||
WingfirE |
|
|||
Шустрый Профиль Группа: Участник Сообщений: 110 Регистрация: 10.3.2012 Репутация: нет Всего: нет |
ksnk, Спасибо
|
|||
|
||||
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |