Главная страница
Top.Mail.Ru    Яндекс.Метрика
Текущий архив: 2006.04.23;
Скачать: 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 вся ветка

Текущий архив: 2006.04.23;
Скачать: CL | DM;

Наверх




Память: 0.47 MB
Время: 0.028 c
6-1136934287
Кефир87
2006-01-11 02:04
2006.04.23
HTTP клиент с помощью TClientSocket


2-1144427429
Volodya_
2006-04-07 20:30
2006.04.23
COM port


15-1143814893
Tonich
2006-03-31 18:21
2006.04.23
C++


2-1144241480
Barmutik
2006-04-05 16:51
2006.04.23
Помогите с UpdateResource


15-1144214872
Ega23
2006-04-05 09:27
2006.04.23
С Днём рождения! 5 марта