BLOGOMANIY.RU

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

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

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

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

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

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

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

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

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

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

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

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

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

• Как узнать тему блога который вам понравился? Все просто!!
• Как установить шаблон на ваш блог.
• Как установить Яндекс поиск на сайте.
• Классный плагин wigdet logic для wordpress.
• Минимально необходимый набор плагинов для движка WordPress.
• Обзор интернет хостинга Джино !!
• Организовываем превью (предварительный просмотр) шаблонов wordpress.
• Плагин Google XML Sitemaps — для создания карты сайта для поисковиков.
• Плагин для показа подписчиков сайта и читателей Твиттер — Simple Counters.

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

Блогостроение, Полезные советы выравнивание изображений