Трастовый хостинг, рекомендую:
26 Июль

Как решить проблему обтекания текстом картинок в Wordpress

Автор: Westblogger, 2009 год.

проблема обтекания текстом картинок в WordpressРешил проблему обтекания текстом моих картинок на блоге. Сначало думал что это глюк, ибо в админке картинки обтекались правильно, а вот на самом сайте нифига не обтекались :) Оказалось проблема решилась в два счета, при помощи поисковика 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 для картинок, поэтому у нас и получается, что текст начинается  с нижнего края картинки, а не с верхнего. ;)

Связанные по заголовку статьи:

К сожалению больше нету похожих постов.


Категория: Создаем блог - Комментариев (10)
10 Комментариев »
  1. Спасибо ОГРОМНОЕ!!! :) ))

    Все получилось!)) Два дня убил на одну страницу, кучу методов перепробовал… Какие только коды ни вставлял… И вот, случайно к Вам зашел…)))) Еще раз – Спасибо Вам!!!))

    С искренним почтением,
    Сергей

    Комментарий от Сергей  —  18.06.2011 @ 20:09 (мск)


  2. Не за что :)

    Комментарий от West Blogger  —  20.06.2011 @ 10:48 (мск)


  3. Вааааще рульный совет! Я конечно не 2 дня на страницу убил, но поднапрячься успел с этими картинками. Автор, поклон тебе низкий. )))))))))))))))))))))

    Комментарий от Леонид  —  21.09.2011 @ 22:53 (мск)


  4. Не за что. Давно ж это было то у меня – проблема с обтеканием картинок ))

    Комментарий от West Blogger  —  23.09.2011 @ 18:22 (мск)


  5. Автору сего совета – огромный респект! Вставил этот кусок кода в стили – и в превьюшках на главной сразу все наладилось. Причем ничего нигде при этом не перекосило. Спасибо!!

    Комментарий от Vitaly  —  24.11.2011 @ 20:55 (мск)


  6. Здравствуйте! Подскажите, пожалуйста, а куда нужно вставить этот код. Я не могу, у меня не получается. У меня все по прежнему, текст пишется снизу. Подскажите, куда нужно все это вставить и главное как?

    Комментарий от Разина  —  27.02.2012 @ 17:19 (мск)


  7. Скопировать и вставить в файл CSS (находится обычно в корне темы вашей СMS WordPress)

    Комментарий от West Blogger  —  28.02.2012 @ 17:16 (мск)


  8. Извените,у меня таже проблема,я так и не понял,куда ставить и какой код,этот 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 (мск)


  9. Рекомендую перечитать еще раз что вы написали, и подумать ;)

    Если таки действительно проблемы, то первый это путь к файлу, в которые нужно вставить код display и т.д.

    Комментарий от West Blogger  —  24.06.2012 @ 11:06 (мск)


  10. Спасибо огромное!!!!!!
    Получилось с первого раза.
    РЕСПЕКТ И УВАЖУХА!!! ЗДОРОВЬЯ И УСПЕХОВ!

    Комментарий от Александр  —  01.10.2012 @ 09:42 (мск)


Оставить комментарий

Наверх


30.01.09 - 06.07.2014 © West Blogger. All rights reserved.