Знатокам CSS, HTML и JavaScript

← →
Некто © (2006-04-01 18:47) [0]

Я в этих делах не спец, так что извините, что возможно неправильно выражаю свои мысли.
В наличии такой html-код

<html> <head> <link rel="stylesheet" href="common.css" type="text/css"> </head> <body> <script language="JavaScript"> function mover(cell) { cell.style.backgroundColor="#3A6EA5" }; function mout(cell) { cell.style.backgroundColor="#FFFFFF" }; </script> <table border="0" width="100%" bordercolor="#3A6EA5"> <tr><a href="p1.html"><td align="center" style="cursor:hand" onMouseOver="mover(this)" onMouseOut="mout(this)"><a href="p1.html">позиция1</a></td></a></tr> <tr><a href="p2.html"><td align="center" style="cursor:hand" onMouseOver="mover(this)" onMouseOut="mout(this)"><a href="p2.html">позиция2</a></td></a></tr> <tr><a href="p3.html"><td align="center" style="cursor:hand" onMouseOver="mover(this)" onMouseOut="mout(this)"><a href="p3.html">позиция3</a></td></a></tr> <tr><a href="p4.html"><td align="center" style="cursor:hand" onMouseOver="mover(this)" onMouseOut="mout(this)"><a href="p4.html">позиция4</a></td></a></tr> </table> </body> </html>

common.css
body { background-color: #FFFFFF; text: #000000; } a:active { color: #3A6EA5; } a:hover { color: #FFFFFF; font-family: Verdana, Arial; text-decoration:none; } a { color: #3A6EA5; font-family: Verdana, Arial; text-decoration:none; font-size: 11pt; font-weight: bold; }

Наверняка бросится в глаза, что в каждой строке таблицы 2 тэга гиперссылки на один и тот же элемент, но это нужно для правильной работы в Опере и в IE. И вот тут вот как раз загвоздка. Когда уводишь указатель мышки в бок от текста, то текст как бы "пропадает". Причина кроется в отсутствии обработки ухода указателя мыши с ссылки. Как всё это должно работать я понимаю, но реализовать не могу, да и не знаю, возможно ли.

← →
OSokin © (2006-04-01 18:54) [1]

У тебя фон белый и ссылка тоже становится белой. Замени
function mout(cell) { cell.style.backgroundColor="#FFFFFF" };
на
function mout(cell) { cell.style.backgroundColor="#000000" };
И еще: скрипты лучше в заголовок заносить, а не в тело

В том то и дело что мне нужен голубой и белый цвет.

Знатокам CSS, HTML и JavaScript Найти похожие ветки