Главная > Блогостроение, Полезные советы > Выравнивание изображений в статье, как устранить проблему.

Выравнивание изображений в статье, как устранить проблему.

выравнивание изображенийПриветствую вас дорогие читатели блога!! Сегодня мне хотелось бы рассказать о проблеме, с которой я не давно столкнулся при выборе шаблона, и при его тестирование, для создания нового проекта.

Мне понравился шаблон modxblog, я решил его просто использовать как основу, а весь дизайн нарисовать самому. Загрузив его на Денвер, и тестируя данный шаблон, я столкнулся с проблемой выравнивание изображений.

Проблема заключалась в том, что при попытке выровнять картинку по правому или левому краю, текст не обтекал картинку, а появлялся внизу, так как, будто обтекание вообще не было включено.

Чтобы вам было более наглядно я покажу вам это на скриншоте, вот так выглядело это у меня в случае когда я пытался сделать выравнивание по левому краю, и хотел видеть как текст обтекает картинку на пример как это выглядит у меня на BLOGOMANIY.RU !!

Так вот, посмотрите, что у меня получалось, хотя в редакторе все было как положено. См. рис.

Выравнивание изображений в статье

Теперь я расскажу, как эту проблему я решил, и что для этого сделал. Чтобы все же, добиться обтекание изображению текстом и привести запись в порядочный вид, нам нужно в стилях шаблона WordPress задать определенное свойство, которые заставят текст обтекать изображение. Для этого вам нужно вписать, ниже указанный, код в файл style.css шаблона:

.alignleft {float:left;}
.alignright {float:right;}
.aligncenter {margin-left:auto; margin-right:auto; display:block}

Эти строки позволят обтекать изображение текстом при его выравнивании по левому краю, по правому краю и так же по центру.

У себя я просто в конце страницы style.css, установил этот код. Вот так у меня это выглядит.

Выравнивание изображений в статье

Теперь все отлично работает, и выравнивание изображений теперь радует глаз!! См. рис.

Выравнивание изображений в статье

Надеюсь, что кому то эта статья пригодиться. Хотя такое я встречал всего на нескольких шаблонах. Но все же….

Желаю всем удачи.

Полезно знать.

С уважением, Александр.

Ортопедические стельки при плоскостопии цена вида ортопедических стелек при плоскостопии.

Посмотрите еще интересные записи:

Блогостроение, Полезные советы

  1. Людмила

    для меня это сложно очень, пока не рискую этим заниматься.

  2. Алекс

    @Людмила
    Если есть такая проблема могу помочь =)