Форум: "Прочее";
Текущий архив: 2006.04.23;
Скачать: [xml.tar.bz2];
Вниз
Знатокам 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.cssbody
{
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;
Скачать: [xml.tar.bz2];
Память: 0.45 MB
Время: 0.013 c
