| |
 7.6 Кб |
|
| | Уважаемые форумчане подскажите пожалуста выпадающее меню
имеется class="rollover" и к нему стили, как сделать чтоб при наведении на него курсором в браузере выскакивало меню a .rollover:hover.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
<!--Заголовок-->
<title>Название</title>
<!--Заголовок-->
</head>
<body>
<!--fon start -->
<div id="fon">
<span id="fon"></span>
<!--fon end -->
<!--menu start -->
<span class="logo"></span>
<span class="menutelefon"></span>
<span class="menuleft"></span>
<span class="menuright"></span>
<span class="menuline"></span>
<a href="#" class="menu_1">главная</a><
<a href="#" class="rollover"> <главная></a> <a href="#" class="menu_2">услуги</a>
<a href="#" class="menu_3">цены и туры</a>
<a href="#" class="menu_4">оформление виз</a>
<a href="#" class="menu_5">наши новости</a>
<a href="#" class="menu_6">галерея </a>
<a href="#" class="menu_7">перевод документов</a>
<a href="#" class="menu_8">карта сезона</a>
<!--menu end-->
</div>
</body>
</html>
стили
.menu_1{
position:absolute;
text-align:center;
width:120px;
color: #cecece;
color:white;
left:235px;
top:55px;
font-family:Arial;
font-size:14px;
}
a.rollover{
margin-left:23px;
margin-top:55px;
display: block;
width: 83px;
height: 35px;
}
a.rollover:hover{
background: url(images/galereya-podmenu-logo.png);
}
Спасибо за помощь ответ. | |
| |
|
