quien me ayuda con estos cambios

trevol · #1 (**permalink**) 21/08/2009, 10:21

hola amigos, tengo el siguiente menú vertical y me gustaría hacerle los siguientes cambios: poner un color distinto a cada enlace, darle mayor volumen a las letras del enlace, y darle mas separación entre ellos, llevo toda la mañana con esto y no lo consigo, necesito ayuda por favor. Gracias.

<style type="text/css">
#navlist
{
padding-left: 0;
margin-left: 0;

width: 200px;
}

#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;

}

#navlist li a { text-decoration: none; }
</style>

</head>

<body>
<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>

</body>
</html>

alexk · #2 (**permalink**) 21/08/2009, 10:33

hola. tendrias que darle una clase a cada "li" por el momento con css2 solo asi se puede
<li class="item1">
<li class="item2">
<li class="item3">etc....
y luego aqui mismo puedes darle el tamaño de la fuente

Código css:

Ver original#navlist li a { text-decoration: none; font-size:2em;}/*por ejemplo*/
#navlist li.item1 a{color:???;}
#navlist li.item2 a{color:???;}
#navlist li.item3 a{color:???;}
 
/*se me olvidaba antes en el li le quitas el margin*/
#navlist li
{
list-style: none;
margin: 0;/*Cambialo a margin:0 5px;*/
padding: 0.25em;
}

chao

trevol · #3 (**permalink**) 21/08/2009, 10:38

gracias alexk lo probare a ver si para esta noche tengo lo que quiero, gracias maestro.

alexk · #4 (**permalink**) 21/08/2009, 11:08

de naa... aver si te sirve sino pregunta de neuvo chao! y suerte!... :)