HTML] ссылка на всю строку

E1ectroN E1ectroN

[HTML] ссылка на всю строку
Дополнено (1). код:

<a class="vk" href="http://vkontakte.ru/club13770816" target="_blank">
<table><tr><td></td>
<td><div class="ext"><div class="int">
Группа мероприятия
</div></div></td>
<td>
<div class="img"></div>
</td></tr></table>
</a>

проблема в том, что ссылка активна на всей строке, так же за пределами самой кнопки
Дополнено (2). css сюда:

#content_wr a.vk {display:block}
#content_wr a.vk table {border: 0px;}
#content_wr a.vk table tr {line-height: normal;}
#content_wr a.vk table tr td {vertical-align: middle;}
#content_wr a.vk table tr td div.ext {border: 1px solid #3b6798;}
#content_wr a.vk table tr td div.ext div.int {border: 1px solid #5c82ab; border-top-color: #7e9cbc; background-color: #6d8fb3; color: #fff; text-shadow: 0px 1px #45688E; height: 15px; padding: 2px 4px 0px 6px; font-size: 10px; font-family: tahoma;}
#content_wr a.vk table tr td div.img {background: url(/images/typo/vkbtns.png) 0px 0px no-repeat; width: 23px; height: 21px}
Дополнено (3). display: block тут ни при чем.
Из-за того что в ссылке находится вся таблица, получается то, что зона клика растягивается на всю ширину страницы, а не только где отображена кнопка
Дополнено (4). таблицу я засунул затем, чтобы полностью кнопка была кликабельной, а не один ее кусок

Гость Гость

<a href="куды_отправить"> ссылка на всю строку </a> //после можно поставить <br> или \n для перехода на следующую строку…

Можно поподробней объяснить, что требуется?

Гость Гость

Сунуть в див.

Гость Гость

Display:block - из-за этого

Dr. von Ozgg Dr. von Ozgg

Зачем вы таблицу в ссылку засунули? Наоборот надо было: <div class="int"><a href="…">…</a></div>
А для дива прописать в стилях что-то типа.int a {
 display: block;
 width: 100%;
}

Dr. von Ozgg Dr. von Ozgg

лучший ответ
Просто саму ссылку можно разбить на две части (для текста и картинки), это правильно с точки зрения логики разметки. Просто сделать так: <div class="img"><a href="…">&nbsp;</a></div>, а для стилей добавить.img a {
 display: block;
 width: 100%;
}

Гость Гость

<div class="link"> <a href="index.php"></a> </div>

=== CSS - файл.link a: link { color: #444444; text-decoration: none; }
.link a: visited { color: #444444; text-decoration: none; }
.link a: active { color: #009933; text-decoration: none; }
.link a: hover { color: #009933; text-decoration: none; }

Добавить комментарий | Похожие обсуждения

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

Популярные вопросы и ответы о социальной сети www.vkontakte.ru (vk.com)