Обтекание картинки текстом

автор moresol Сентябрь 16th 2011, 22:19

Здравствуйте опять ))

а есть ли возможность оформлять картинки текстовым обтеканием?

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

спасибо )

автор gorezcaid Сентябрь 16th 2011, 22:42

Ссылка с примером:
http://htmlbook.ru/faq/kak-sdelat-obtekanie-kartinki-tekstom
А для определённого класса картинок в сообщениях можно прописать тот же стиль.

автор moresol Сентябрь 16th 2011, 22:52

gorezcaid пишет:Ссылка с примером:
http://htmlbook.ru/faq/kak-sdelat-obtekanie-kartinki-tekstom
А для определённого класса картинок в сообщениях можно прописать тот же стиль.

Отлично. Это будет работать в виждете.

Как это же реализовать В ПОСТЕ форума??

автор Alltin Сентябрь 16th 2011, 22:53

Разрешить HTML в сообщениях.

автор gorezcaid Сентябрь 16th 2011, 22:55

Как это же реализовать В ПОСТЕ форума??

В принципе тоже самое, только короче
+

Alltin пишет:Разрешить HTML в сообщениях.

Стиль вложить в CSS форума и писать картинки через класс

Код:: <img src="images/n1.jpg" width="132" height="174" class="leftimg" />

автор moresol Сентябрь 16th 2011, 22:56

Alltin пишет:Разрешить HTML в сообщениях.

хтмл разрешен.
но для поста нужен бб-код, а не хтмл-код, я так понимаю...

автор moresol Сентябрь 16th 2011, 23:02

Код:: <img src="images/n1.jpg" width="132" height="174" class="leftimg" />

мерси. это будет распространяться на ВСЕ картинки, загруженные в посты?
или как?

(не понимаю, как работает, пока не попробую... я когда пробую, как правило, что-то ломается... объясните плиз...)

автор moresol Сентябрь 16th 2011, 23:08

попробовала. ЦСС этот код просто удалила. (???)

вопрос остается.

автор Alltin Сентябрь 16th 2011, 23:50

moresol пишет:
хтмл разрешен.
но для поста нужен бб-код, а не хтмл-код, я так понимаю...

Эм..

moresol пишет:попробовала. ЦСС этот код просто удалила. (???)

вопрос остается.

Если весь код вставить в сообщение проблема остается ?

Так, как предложит gorezcaid, пробовали ?
В CSS :

Код:: .leftimg { /* Стиль для отступа слева */ float:left; /* Выравнивание по левому краю */ margin: 7px 7px 7px 0; /* Отступы вокруг картинки */ } .rightimg { /* Стиль для отступа справа */ float: right; /* Выравнивание по правому краю */ margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ }

В пост :

Код:: <img src="ссылка на картинку" class="leftimg" />

автор gorezcaid Сентябрь 16th 2011, 23:54

В CSS вашего форума:

Код:: .leftimg { /* Стиль для отступа слева */ float:left; /* Выравнивание по левому краю */ margin: 7px 7px 7px 0; /* Отступы вокруг картинки */ } .rightimg { /* Стиль для отступа слева */ float: right; /* Выравнивание по правому краю */ margin: 7px 0 7px 7px; /* Отступы вокруг картинки */ }

В сообщение:

Код:: <h2>Заголовок 1</h2> <p><img src="http://htmlbook.ru/example/images/n1.jpg" class="leftimg">Текст 1</p> <h2>Заголовок 2</h2> <p><img src="http://htmlbook.ru/example/images/n2.jpg" class="rightimg">Текст 2</p>

Лучше расскажет Дана...