Ver Mensaje Individual
  #5 (permalink)  
Antiguo 22/02/2006, 21:41
Ami
 
Fecha de Ingreso: noviembre-2004
Mensajes: 67
Antigüedad: 19 años, 5 meses
Puntos: 0
De acuerdo menu css

Hola

En este enlace está lo que buscas: http://css.maxdesign.com.au/listamatic/vertical08.htm, ahí puedes ver el ejemplo en acción más su respectivo código, el cual pego más abajo.

Checa también el enlace principal, que ya había recomendado en otro post, porque hay una cantidad enorme de ejemplos de menús para escoger http://css.maxdesign.com.au/listamatic/index.htm y http://css.maxdesign.com.au/listamatic2/index.htm

-------

Author: Russ Weakley

Comments: Rollovers can be achieved by converting the a elements within the list to blocks using display: block; and swapping background colors using the a:hover pseudo-class.

Browser support chart
HTML
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>

CSS
#navcontainer { width: 200px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 160px;
background-color: #036;
border-bottom: 1px solid #eee;
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #369;
color: #fff;
}