Вертикално CSS меню
Публикувана от smilev на January 12 2011 07:31:42

Разширена новина
Това се слага в <head></head>
[code]
<style type="text/css">
#nav
{
background-color: #000;
width: 133px;
}
#nav a
{
background-color: #ED3E3E;
border-top: 1px solid #FC7171;
border-left: 2px solid #71CE4D;
border: 1px solid black;
height: 17px;
width: 110px;
font-family: verdana;
font-size: 11px;
color: white;
text-decoration: none;
padding-left: 20px;
padding-top: 2px;
display: block;
}
#nav a:hover
{
text-decoration: none;
background-color: #71CE4D;
border-top: #A2EA86;
border-bottom: 1px solid black;
}
#nav a:active {
background-color: #52BCF7;
text-decoration: none;
border-top: #A2DBFC;
border-left: 2px solid #52BCF7;
</style>
[/code]

a това в <body></body>

[code]
<div id="nav">
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
</div>
[/code]


Менюто е опримизирано за IE, а не за FireFox