web-touristЯко вертикално CSS меню
Ето едно меню, което направих като си нямах работа.
Това слагате в <head> </head>
<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>a това в <body> </body>
<div id="nav">
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
<a href="">Италия</a>
</div>Готово!
За съжаление под firefox не се вижда както трябва, защото съм използвал горна рамка при hover-a (което се приема само от IE.
