03.05.2008, 17:42
|
|
Постоянный
Регистрация: 30.08.2007
Сообщений: 773
Провел на форуме:
3069349
Репутация:
808
|
|
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.menu, .menu ul, .menu li
{
list-style: none;
padding: 0;
margin: 0;
}
.menu li
{
float: left;
width: 200px;
}
.menu li ul { display: none; }
.menu li ul:hover,
.menu li a:hover + ul { display: block; }
.menu a
{
color: blue;
text-decoration: none;
font-size: xx-large;
}
.menu li ul li a { color: red; }
</style>
</head>
<body>
<ul class="menu">
<li>
<a href="news.html">Новости</a>
<ul>
<li><a href="#">Раз</a></li>
<li><a href="#">Два</a></li>
</ul>
</li>
<li>
<a href="products.html">Продукты</a>
<ul>
<li><a href="#">Раз</a></li>
<li><a href="#">Два</a></li>
</ul>
</li>
<li>
<a href="houses.html">Дома</a>
<ul>
<li><a href="#">Раз</a></li>
<li><a href="#">Два</a></li>
</ul>
</li>
</ul>
</body>
</html>
|
|
|