Тынц!

Apr 03, 2010 18:33






кликабельно
Вчера я спрашивала, как сделать подпись под кликабельной картинкой.
Мне предложили вариант таблички из четырех ячеек, где две правые колонки - картинка плюс надпись, левые - текст. Но таблица есть таблица, и чтобы это выглядело красиво, нужно каждый раз рассчитывать и форматировать объем левой колонки. Иначе между созданной табличкой и текстом после нее получится большой разрыв. А если основной текст предполагается убрать под кат, то и вовсе фигня выйдет.

Но я, как неисправимая перфекционистка и страшно упертое создание, пораскинула мозгами, хоть я и "БлондинкО", и решение нашла. По просьбе olenenyok выкладываю.


Нужно создать вертикальную табличку из картинки и подписи с обтеканием этой самой таблички текстом слов. Для этого открываем html-ку и находим там вот такую табличку.

Первая ячейка 1-й строки
Вторая ячейка 1-й строки

Первая ячейка 2-й строки
Вторая ячейка 2-й строки



В первую ячейку 1-ой строки размещаем картинку, в первую ячейку второй строки надпись (не забываем отцентровать и заменить на border=0). Вторые ячейки просто оставляем пустыми или сносим напрочь.

Теперь мы имеем табличку, которую надо обтечь тексом.

Для обтекания таблички слева нужно добавить в первый тег table:
style="float: left; margin: 0 5px 2px 0;"
для обтекания справа:
style="float: right; margin: 0 0 2px 5px;"

Соответственно, тэг ката также будет обтекать картинку, не создавая разрывов в тексте.

PS Для тех, кто забыл, что кат не просматривается в записи, загляните в журнал, и все увидите.

soft, полезное

Previous post Next post
Up