#html #css #image #wordpress #css-float
#HTML #css #изображение #wordpress #css-float
Вопрос:
Если вы посетите http://www.timkainu.com/journal вы можете видеть, что слева от текста плавают некоторые «рекомендуемые изображения». Как текст может обернуться вокруг изображения? Я использовал Firebug, чтобы попытаться выяснить, какая часть CSS влияет на это, но, очевидно, мне это не удалось.
Сайт работает на WordPress, и используемая тема называется «Striking», которую можно найти на ThemeForest.
Спасибо!
Ответ №1:
Вам придется внести некоторые изменения в тему, чтобы это заработало. Для того, чтобы текст обтекал изображение, текст и изображение должны находиться в одном контейнере. В этом случае изображение находится в одном DIV, а текст — в DIV рядом с ним. Вам нужно будет переместить div.image_styled.entry_image внутри div.entry_info, чтобы это заработало. Вероятно, вам также потребуется внести некоторые корректировки в CSS, поскольку дизайн не предусматривал обтекания изображений подобным образом.
Ответ №2:
Вы имеете в виду, например, первый пункт «Обзор фотоцентра Costco» с изображением Costco слева?
Изображение завернуто внутрь <div class="image_styled entry_image"></div> , а текст завернут внутрь <div class="entry_info"></div> , и то, и другое завернуто внутрь <article id="xxx" class="entry entry_left">
Для того чтобы текст обтекал изображение, они должны находиться в одном контейнере, причем для изображения установлено значение float: left . Я не уверен, как это связано с WordPress, но с точки зрения HTML и CSS, это правильный путь.