ссылка в ячейке таблицы

12
мартышон
На сайте с 11.10.2006
Offline
163
1018

Какой самый простой способ сделать всю ячейку таблицы ссылкой на раздел сайта? В ячейке содержится текст (название раздела), но хотелось бы, чтобы можно было кликать и на пустое пространство вокруг этого текста. В голову приходят только какие-то неизящные варианты типа засовывания в ячейку прозрачного гифа. Наверное, как-то по-другому можно сделать?

Zlo_606ep
На сайте с 14.12.2006
Offline
129
#1

у ссылки сделать стиль display:block;position:relative;width:xx;height:yy;

sevan
На сайте с 03.03.2006
Offline
139
#2

можно вот так:

................................................

<td><img src="nav.gif" width="90" height="105" border="0" usemap="#Map1"></td>

.................................................

.................................................

<map name="Map1">

<area shape="rect" coords="5,19,82,94" href="___.htm">

</map>

</body>

</html>

координаты, естественно, Ваши.

stealthy
На сайте с 15.06.2006
Offline
69
#3

<td onclick="location.href='yourURL'">контент ячейки</td>

Twilight CMS (http://www.twl.ru): есть Free версия, очень проста и удобна в использовании. Консультирую по любым вопросам. Новый спорт - практическая стрельба (http://nikit.in) - не для офисного планктона.
response
На сайте с 01.12.2004
Offline
324
#4
stealthy:
<td onclick="location.href='yourURL'">контент ячейки</td>

я бы еще пальчег добавил :)

<td onclick="location.href='yourURL'" style="cursor: pointer">контент ячейки</td>

Однопоточный парсер ключевых слов Магадан (http://magadanparser.ru) (со свистелками) Многопоточный парсер ключевых слов Солнечный (http://sunnyparser.ru) (без свистелок)
Каширин
На сайте с 03.01.2004
Offline
1031
#5

Можно и просто "в лоб": <a href="http://www.rbc.ru"><td>1</td></a>

Есть недостаток - ссылка не очевидна.

Varkolak
На сайте с 03.06.2005
Offline
174
#6

А можно так:

<td (проставляем нужный размер)><a href="#" style="display:block; проставляем размер аналогичный ячейке"></a></td>

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
мартышон
На сайте с 11.10.2006
Offline
163
#7

Большое спасибо, воспользовалась вариантом <td onclick="location.href='yourURL'" style="cursor: pointer">контент ячейки</td>.

Еще вопрос. Если таким образом сделать навигацию сайта, то будет ли он нормально индексироваться? Или лучше где-нибудь внизу второй раз прописать меню обычным способом?

stealthy
На сайте с 15.06.2006
Offline
69
#8
мартышон:
<td onclick="location.href='yourURL'" style="cursor: pointer">контент ячейки</td>

я обычно пишу так:

style="cursor: hand"

на байт короче. если кому это нужно, конечно. и запомнить легче.

Касательно индексации - сделайте обычную ссылку внутри этой же клетки. <td onclick="location.href='yourURL'" style="cursor: pointer"><A HREF="yourURL">контент ячейки</A></td>. Внешний вид ссылки подточите CSSом.

мартышон
На сайте с 11.10.2006
Offline
163
#9

Спасибо! То, что доктор прописал! :)

Mmonger
На сайте с 01.12.2005
Offline
165
#10
Каширин:
Можно и просто "в лоб": <a href="http://www.rbc.ru"><td>1</td></a>

Можно и в лоб, но спецификации запрещают такие конструкции.

Document type does not allow element "TD" here.

<a href="http://www.rbc.ru"><td>1</td></a>
end tag for "TR" which is not finished.

</tr>

Более того, такая конструкция не работает в Firefox и Opera (FF2 и O9).

Всё будет хорошо, но мы приложим усилия!
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий