Как решить проблему обтекания текстом картинок в Wordpress
Автор: Westblogger, 2009 год.Решил проблему обтекания текстом моих картинок на блоге. Сначало думал что это глюк, ибо в админке картинки обтекались правильно, а вот на самом сайте нифига не обтекались
Оказалось проблема решилась в два счета, при помощи поисковика Google и фразы «проблема обтекания картинки в вордпресс»
Нужно просто добавить данный кусок кода в таблицу каскадных стилей вашего шаблона (wp-content/themes/ваша тема/style.css) Затем сохраняем и вуаля, все картинки правильно обтекаются.
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
Как оказалась проблема возникает из-за старых версий шаблонов. Чувствую проблема заключалась в отсутствии свойства float для картинок, поэтому у нас и получается, что текст начинается с нижнего края картинки, а не с верхнего.
К сожалению больше нету похожих постов.
Спасибо ОГРОМНОЕ!!!
))
Все получилось!)) Два дня убил на одну страницу, кучу методов перепробовал… Какие только коды ни вставлял… И вот, случайно к Вам зашел…)))) Еще раз – Спасибо Вам!!!))
С искренним почтением,
Сергей
Комментарий от Сергей — 18.06.2011 @ 20:09 (мск)
Не за что
Комментарий от West Blogger — 20.06.2011 @ 10:48 (мск)
Вааааще рульный совет! Я конечно не 2 дня на страницу убил, но поднапрячься успел с этими картинками. Автор, поклон тебе низкий. )))))))))))))))))))))
Комментарий от Леонид — 21.09.2011 @ 22:53 (мск)
Не за что. Давно ж это было то у меня – проблема с обтеканием картинок ))
Комментарий от West Blogger — 23.09.2011 @ 18:22 (мск)
Автору сего совета – огромный респект! Вставил этот кусок кода в стили – и в превьюшках на главной сразу все наладилось. Причем ничего нигде при этом не перекосило. Спасибо!!
Комментарий от Vitaly — 24.11.2011 @ 20:55 (мск)
Здравствуйте! Подскажите, пожалуйста, а куда нужно вставить этот код. Я не могу, у меня не получается. У меня все по прежнему, текст пишется снизу. Подскажите, куда нужно все это вставить и главное как?
Комментарий от Разина — 27.02.2012 @ 17:19 (мск)
Скопировать и вставить в файл CSS (находится обычно в корне темы вашей СMS WordPress)
Комментарий от West Blogger — 28.02.2012 @ 17:16 (мск)
Извените,у меня таже проблема,я так и не понял,куда ставить и какой код,этот wp-content/themes/ваша тема/style.css или этот img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
можно по подробней
Комментарий от Александр — 17.06.2012 @ 23:19 (мск)
Рекомендую перечитать еще раз что вы написали, и подумать
Если таки действительно проблемы, то первый это путь к файлу, в которые нужно вставить код display и т.д.
Комментарий от West Blogger — 24.06.2012 @ 11:06 (мск)
Спасибо огромное!!!!!!
Получилось с первого раза.
РЕСПЕКТ И УВАЖУХА!!! ЗДОРОВЬЯ И УСПЕХОВ!
Комментарий от Александр — 01.10.2012 @ 09:42 (мск)