PunBB + PE

это не просто форум

20.02.2008 12:52:48 #1: artoodetoo ↓ 

Administrator
MArt Keepers
bmw-club
Откуда: Россия
Здесь с: 14.03.2007
Сообщений: 715
Вебсайт

Обтекание текстом НЕпрямоугольной области

Задачка стара как мир: обтекание текстом НЕпрямоугольной области.

Если вам никогда не хотелось сделать что-то такое, то проходите мимо.

Предположим у вас есть картинка с Мики-Маусом и текст. Вы хотите чтобы текст не просто был правее или левее картинки, но чтобы он повторял контуры фигуры. Понадобится или объявить картинку фоном или задать ей position: absolute и нужный z-index, чтобы она была "под текстом", а сам текст надо отбивать чем-то другим:

Сайт CSS Text Wrapper помогает создать HTML + CSS для моделирования "фигурного обтекания". Вы тыкаете мышкой, а javascript создает для вас текст HTML+CSS.
На самом деле, конечно же создается набор из нескольких плавающих прямоугольных DIV-ов прижатых вправо или влево, а текст обтекает их как "ступеньки".

Ссылка: http://www.csstextwrap.com/

Только не спрашивайте как это применить на форуме smile Нет таких bbcode чтобы мы могли задать фоновую картинку и плавающие DIV-ы произвольного размера. И все-таки штучка интересная для вебмастера.

Неактивен

Метки: [css]
 

Board footer

Powered by PunBB + PE

Valid XHTML Valid CSS

[ Generated in 0.033 seconds, 11 queries executed ]