SeZuka

Мой случай: картинка должна меняться и текст может переноситься на несколько строк и строчки должны быть по центру картинки. Решил оставить вариант с блоками.

Сделал так: .L { background-image: url(bt1_.gif); background-repeat: no-repeat; display: block; padding-left: 65px; height:62px; } .L:hover{ background-image: url(bt1.gif); } <a href="index.html" class="L">Текст ссылки</a> Отображается как надо, но реагирует на мышку весь блок, а изначально хотелось чтоб реагировала картинка и текст ссылки. Нет в жизни счастья, всегда приходится выбирать между чем-то

Спасибо за подсказку, попробую сделать ссылку блоком и картинку в фон поставить.

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

dreamweaver 8 подсказывает что атрибут valign для тега img не поддерживается и браузеры с ним согласны. Стили тоже не помогают. Экспериментировал несколько часов и с ячейкой и со ссылкой и с картинкой в ней. Видимо придется разбить ссылку на две части и поместить в разные ячейки. можно поподробней, что написать в картинке и что написать в css?

Так картинка должна быть в этой ссылке.

Как можно совместить два вида выравнивания для картинки (т.е. left и middle)? А именно, мне нужно чтобы текст ссылки обтекал картинку справа и выравнивался с ней вертикально по центру. Пример кода: <tr> <td width="300"> <a href="1.html" onMouseOver="document.pic1.src='1.gif'" onMouseOut="document.pic1.src='1_.gif'"> <img src="1_.gif" alt="" NAME="pic1" align="left" width="100" height="100" hspace="5" vspace="0" BORDER=0> Этот текст должен быть справа и по вертикальному центру</a> </td> </tr>