Не обтекает текст

Здравствуйте все!

У меня вопрос возник по пользованию ВП. Создал сайт о снукере – http://eurosnooker.ru/, теперь наполняю. Вроде бы всё понятно, но одна проблемка 🙁

Картинки не обтекаются текстом, хоть в редакторе это выглядит, как будто всё нормально. Уже читал и форум, и в поиске искал. Ничего.

Разве что нашел вот эту тему: http://forum.maxsite.org/viewtopic.php?id=7609, где написано, что надо прописать в CSS. Прописал – результат нулевой. 🙁 У меня вообще ничего не было про img в теме. Жалко расставаться с такой темой, может поможете? :rolleyes:

Добавьте к картинке параметр align=’left’
Если у Вас все картинки будут слева, то можно этот параметр прописать в CSS для всех картинок находящихся в записях

А что именно в CSS написать?

тоже самое align:left; но только для картинок, которые будут в записях
если поставить этот параметр в глобальное описание img то ничего не изменится

Мдя, и я ж справа выравниваю. Пытаюсь… 🙂

Вру. В CSS пропишите float:left;

т.е. в CSS будет так

.entry img {
border:1px solid #E6E6E6;
margin:5px;
padding:5px;
float:left;
}

Всё равно не работает. Вставил в код изображения

<img class="align=’right’ size-medium wp-image-33" title="Ронни О’Салливан" src="http://eurosnooker.ru/wp-content/uploads/2009/04/3-300×225.jpg" alt="" width="279" height="209" />

А он наоборот, слева встал 🙂

Правильно будет так
<img align=’right’ title="Ронни О’Салливан" src="http://eurosnooker.ru/wp-content/uploads/2009/04/3-300×225.jpg" alt="" width="279" height="209" />

Так можно делать для каждой конкретной картинки. ИМХО мне так больше нравится.

Супер!!!! 🙂 🙂 🙂 Так это мне теперь каждую картинку так вручную поправлять? Чего он сам не делает? В редакторе картинка справа, как сейчас, а потом смотришь на запись, а она слева, над текстом!

Ну редактор не подхватывает стилей страницы у него свое позиционирование.

Понятно. Стало быть, оптимальный путь – после добавления каждой картинки корректировать код по образцу?

Можно не для каждой, можно сделать для всех – через CSS. Описание я вам дал.

Супер!!!! :) :) :) Так это мне теперь каждую картинку так вручную поправлять? Чего он сам не делает? В редакторе картинка справа, как сейчас, а потом смотришь на запись, а она слева, над текстом!

Интересно, а почему у меня он всё сам делает? Выбираю при вставке картинки "справа" (или слева) – и всё замечательно обтекается.

На других сайтах и у меня всё также хорошо. А тут впервые сталкиваюсь. Честно.

Потому что Вы волшебник =)

Я вообще не пользуюсь визуальным редактором, уже как-то привык к HTML, даже кнопок себе нужных понавтыкал =)

Я сталкивался с такой проблемой, когда вырвнивание в редакторе вроде работает, а при публикации исчезает.

CSS оказался важнее ручной прописи, заработало, когда из css я убрал параметр align

в css align не нужен, там нужен float а в атрибутах картинки как раз лучше align

CSS перебивает все "ручные" алигны. Редактор WP (2.7) добавляет классы при включении обтекания. Остается их просто добавить в style.css, типа так:
.alignleft {float: left; margin: 0 6px 6px 0;}
.alignright {float: right; margin: 0 0 6px 6px;}

И не забывать о том, что браузеры очень хорошо кешируют стили.

Anonymous
Отправить
Ответ на: