Скачать: CL | DM;

Знатокам 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"
};
И еще: скрипты лучше в заголовок заносить, а не в тело

---

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

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

---

Страницы: 1 вся ветка

Скачать: CL | DM;



Память: 0.45 MB
Время: 0.026 c