1. Проблема использования Hover с window.document.location (IE6 поддерживает только тег A)
2. Mozilla не понимает a:link:hover, если писать a:hover то не понимает осел
3. Для тега А невозможно выставить высоту и ширину в ИЕ (к примеру ссылка на всю длину TD)
Решение
привожу чисто свои стили, которые применялись в проекте..
.right_menu1 { font-family:Arial; font-size: 14px; text-decoration: none; font-weight:bold; } .right_menu1 div { padding-top: 5px; padding-bottom: 6px; padding-left: 36px; background-image:url(/project/templates/site/img/header21.triangle.gif); background-repeat:no-repeat; width:100%; height:100%; color: #575D6C; } .right_menu1 a:link:hover, .right_menu1 a:hover div { text-decoration: none; background-color:white; cursor:hand; c\ursor:pointer; } 1. понятно ![]()
2. У станавливаем для дива паддинги и подсветку при наведении на пункт меню.
3. Ставим стили ховера чтобы понимал и IE и Mozilla. Замечу, что стиль подсветки применяется к тегу А, а для мозиллы к Диву в теге А!
Пример таблицы:
<table width="100%" cellspacing="0" cellpadding="0"> <tr> <td class="right_menu1" onclick="window.document.location='/';"><a href="#"><div>Модельный ряд</div></a></td> </tr> </table>
Ваш комментарий будет первым