![](http://pics.livejournal.com/xenopus/pic/0000pfq9)
кликабельно
Вчера я спрашивала, как сделать подпись под кликабельной картинкой.
Мне предложили вариант таблички из четырех ячеек, где две правые колонки - картинка плюс надпись, левые - текст. Но таблица есть таблица, и чтобы это выглядело красиво, нужно каждый раз рассчитывать и форматировать объем левой колонки. Иначе между созданной табличкой и текстом после нее получится большой разрыв. А если основной текст предполагается убрать под кат, то и вовсе фигня выйдет.
Но я, как неисправимая перфекционистка и страшно упертое создание, пораскинула мозгами, хоть я и "БлондинкО", и решение нашла. По просьбе
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 Для тех, кто забыл, что кат не просматривается в записи, загляните в журнал, и все увидите.