| |
|
|
| | Можно как нибудь средствами CSS сделать чтобы при наведении мышкой в определенную ячеку таблицы она(ячейка таблицы) меняла свой бэграунд? или тут только JS?
у меня получается так,но это криво! ссылки дёргаются в ячейке:
<html>
<HEAD>
<TITLE>Example</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251">
<META http-equiv="content-language" content="en, ru">
<LINK type="text/css" REL="stylesheet" HREF="style.css">
</HEAD>
<BODY>
<body>
<table width="30%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td width="15%" class="Default">меню:</td>
</tr>
<tr>
<td height="26px" class="Default" id="nav_menu"><a href="index.php">-главная</a></td>
</tr>
<tr>
<td height="26px" class="Default" id="nav_menu"><a href="article/index.php">-статьи</a></td>
</tr>
<tr>
<td height="26px" class="Default" id="nav_menu"><a href="index.php">-вопрос-ответ</a></td>
</tr>
</table>
</body>
</html>
|
а в CSS файле следующее:
.Default
{
font-family:Verdana;
font-size:12px;
color:#000000;
}
#nav_menu a:hover
{
color:#999999;
background-color:#99FF00;
width:100%;
height:100%;
}
|
Вроде получилось добиться чтобы при наведении на ссылку ячейка таблицы принимает другой бэграунд,но ссылка дёргается и вообще ячейка таблицы принимает другой бэграунд только когда на ссылку навелёшь,а если просто мышка попала в эту ячейку то тут только JS спасут? я хочу полностью на CSS сделать как нибудь чтобы это было без всякий "дёрганий" ссылок. | |
| |
|
|
| |
|
|
| |
для: Aurus
(23.09.2006 в 10:15)
| | | У читывая, что hover в IE работает только для ссылок
лучше делать на JS.
Или так:
.Default
{
font-family:Verdana;
font-size:12px;
color:#000000;
width:100%;
height:100%;
}
a:hover
{
color:#999999;
background-color:#99FF00;
width:100%;
height:100%;
}
#nav_menu:hover
{
color:#999999;
background-color:#99FF00;
}
|
Но такое поведение будет нестандартным. | |
| |
|
|
| |
|
|
| |
для: RMW
(23.09.2006 в 11:10)
| | |
для ie можно подключить behavior и тогда никакого JS ненадо... ссылку на бехавиор дам чуть позже | |
| |
|
|
| |
|
|
| |
для: kaoz
(23.09.2006 в 11:54)
| | | а вообще навигацию лучше делать с помощью списков.. тогда никакие бехавиоры непонадобяться | |
| |
|
|
| |
|
|
| |
для: kaoz
(23.09.2006 в 11:55)
| | | behavior.
Он на самом деле - тот же JS, + передача файла, доп. траффик не менее 1 пакета, поэтому несколько расточительнее по сравнению с JS. | |
| |
|
|
| |
|
|
| |
для: kaoz
(23.09.2006 в 11:55)
| | | Что за списки?
Списки как возможность в CSS или это другая технология? | |
| |
|
|
| |
|
|
| |
для: Aurus
(24.09.2006 в 11:08)
| | | UL-LI | |
| |
|
|
| |
|
|
| |
для: Aurus
(23.09.2006 в 10:15)
| | | Вот тебе и классный пример!!!! Я сам всегда им пользуюсь!!!! Я все пишу каскадными стилями!!!!
<html>
<HEAD>
<TITLE>Example</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=WINDOWS-1251">
<META http-equiv="content-language" content="en, ru">
<style type="text/css">
<!--
.Default
{
font-family:Verdana;
font-size:12px;
color:#000000;
cursor: hand;
}
.Default2
{
font-family:Verdana;
font-size:12px;
color:#CC9900;
background: #006666;
cursor: hand;
}
-->
</style>
</HEAD>
<BODY>
<body>
<table width="30%" border="1" cellpadding="1" cellspacing="1">
<tr>
<td width="15%" class="Default">меню:</td>
</tr>
<tr>
<td height="26px" class="Default" onMouseOver="className='Default2'" onMouseOut="className='Default'" onClick="location='http://rambler.ru'">-главная</td>
</tr>
<tr>
<td height="26px" class="Default" onMouseOver="className='Default2'" onMouseOut="className='Default'">-статьи</td>
</tr>
<tr>
<td height="26px" class="Default" onMouseOver="className='Default2'" onMouseOut="className='Default'">-вопрос-ответ</td>
</tr>
</table>
</body>
</html>
|
| |
| |
|
|
