Консультация № 74221
05.02.2007, 13:39
0.00 руб.
0 4 4
У меня большая проблема. Для панели навигации я выбрал таблицу, в которой по объективным причинам я заключил td в ссылку полностью. Очень огорчился, когда обнаружил, что в опере мой сайт не работает. Помогите плиз!!! Может, скрипт какой подкинете!!!

Приложение:
<table><tr><a href="www.narod.ru"><td> </td></a></tr></table>

Обсуждение

Неизвестный
05.02.2007, 13:54
общий
это ответ
Здравствуйте, VVVictor!

Какие такие обьективные причины заставили вас это сделать??? :)
Необходимо следовать логической вложености тегов, тогда не будет проблем с отображением. Опера, она к этому чувствительна, как и Mozilla Firefox.

Положите ссылку внутрь ячейки, и будет работать.
Неизвестный
05.02.2007, 14:04
общий
это ответ
Здравствуйте, VVVictor!
Можно внутри td‘ши вставить div с событием onclick

Приложение:
<table><tr><td><div style="width:100%;height:100%" onclick="javascript:document.location.href=‘www.narod.ru‘">www.narod.ru</div></td></tr></table>
Неизвестный
05.02.2007, 14:12
общий
это ответ
Здравствуйте, VVVictor!
Вот Вам нормальная ссылка в таблице.
<b><table>
<tr>
<td><a href="www.narod.ru">ссылка</a></td>
</tr>
</table></b>
Обратите внимание но то, что без текста (с данном случае "ссылка") Вы и не увидите самой ссылки.
Также старайтесь придерживаться очередности тегов.

Во вложении простые справочники по тегам и сайтостроительству.

Удачи!
Неизвестный
05.02.2007, 14:41
общий
это ответ
Здравствуйте, VVVictor!

Рискну предположить, что Вы пытались заключить ячейку в ссылку для того чтобы получить подсветку всей ячейки при наведении курсора на нее либо для того, чтобы клик срабатывал на всю ячейку, а не только на текст ссылки.

Как это сделать проще всего - написано в приложении. (проверено на IE6 и Firefox 1.5, Оперы под рукой нет.)

Позволю себе прокомментировать ответы других экспертов:
- Ответ эксперта Duke работает аналогично приведенному мной, но имеет важный недостаток - ссылки onclick не обрабатываются роботами поисковых систем и в связи с этим указанные в меня страницы не будут ими проиндексированы.
- Ответ эксперта Maxim V. Tchirkine абсолютно верна с точки зрения HTML, но эффекта меню не дает.


Приложение:
HTML:<table width=200 border=1><tr><td> <a class=d1 href="#1">test 1</a> </td></tr><tr><td> <a class=d1 href="#2">test 2</a> </td></tr><tr><td> <a class=d1 href="#3">test 3</a> </td></tr></table>CSS:a.d1{display:block;width:100%;height:100%;}a.d1:link{background-color:white;}a.d1:hover{background-color:green;}
Форма ответа