Выравнивание картинки и текста-ссылки по вертикали

[MagAssist]

Здравствуйте!

Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида.

Была таблица такого вида:

<table cellpadding=0 cellspacing=0 align=center><tr>
                    <td valign=middle><a href="ссылка"><img url="адрес картинки"></a></td>
                    <td valign=middle><a href="ссылка">Название</a></td>
                  </tr></table>

Нужно переделать так, чтобы ячейка с картинкой и ячейка с названием стали одной ссылкой. Сделал такого вида:

<table cellpadding=0 cellspacing=0 align=center><tr>
                    <td valign=middle><a href="ссылка"><img url="адрес картинки">Название</a></td>
                  </tr></table>

В итоге получается что картинка располагается по середине блока в котором она вместе с названием находится, а название прижато к низу. Пытался выровнить его через CSS с помощью vertical-align: middle; переделывал на дивы, итог один - картина и название прижато к нижней границе картинки.

[vikver]

Задайте colspan="2" в первой ячейке.

Значения атрибутов лучше писать в кавычках. А вместо атрибута url - src

[MagAssist]

Задайте colspan="2" в первой ячейке.

Значения атрибутов лучше писать в кавычках. А вместо атрибута url - src

Пробовал - убивается ссылка, становится ссылка у картинки и ссылка у текста. Ссылка должна быть общей и для картинки и для текста. Нужно только как-то заставить выровнится текст после картинки по середине этой картинки.

Что-то даже нагуглить подобное не могу, видимо никто так не делает)

[br3t]

Сделайте ссылку блочной, добавьте левый паддинг и картинку бекграундом, используйте для текста line-height

Как соотносятся между собой высота картинки и высота текста?

[MagAssist]

Спасибо за ответ! К сожалению, не хватает знаний, не совсем все понял. Сделал примерно так:

<table cellpadding=0 cellspacing=0 align=center>
<tr>

                    <td valign=middle style="background-image:url(http://htmlbook.ru/themes/hb/images/logo.png); width: 186px; height: 46px;"><a style="display:block;" href="http://htmlbook.ru"><span style="padding-left: 190px; font-size: 7pt;">Название</span></a></td>

                  </tr></table>

Вроде как получается по середине, сделал шрифт по меньше, чтобы видеть. Единственное не могу добавить no-repeat картинке - она исчезает после этого, а в первоначальном виде получается картинка дублируется.

Как соотносятся между собой высота картинки и высота текста?

Картинка 32x32px, текст 14px.

Edited March 19, 2012 by MagAssist

[MagAssist]

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