Яко вертикално 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.

Eто и демото








/ Трябва да сте регистриран за да напишете коментар /
От: batmanabg
13:21 22-07-2011
Полезен урок.
1