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

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

Объявления

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Объявления

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

Понравилась статья? Поделись с друзьями!!

  1. 25 октября 2012 в 18:14 | #2

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

  2. Алекс
    25 октября 2012 в 18:57 | #3

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

  1. Пока что нет уведомлений.