[Ovillo] creación de menu en lista

2006-10-19 Por tema Marina Gallardo
Buenas a todos,

Estoy trabajando en un menu en lista y quisiera poner lineas bajo cada
enlace que tuvieran el mismo ancho que la tabla, de tal forma que
quedase con un mismo ancho de línea para todo el menu, algo como aquí:
http://www.free-css-templates.com/LGBlue/
lo único que he conseguido es poner un borde bajo el enlace, pero
ocupa sólo el ancho del título del enlace.

A ver si alguien me puede decir qué hago mal o qué debería modificar /
agregar al estilo.

Gracias, abajo os coloco los códigos.
Marina.

HTML:

div id=navcontainer
ul id=navlist
li id=activea href= id=currentHome/a/li
lia href=#Coacute;mo usar /a/li
lia href=#Distribuya Duf en su Paiacute;s /a/li
lia href=#Doacute;nde comprarlo /a/li
lia href=#Informa a una amiga sobre Duf /a/li
lia href=#Videos demostrativos /a/li
lia href=#Contacto/a/li
/ul
/div

CSS:

#navcontainer ul
{
list-style-type: none;
text-align: left;
}   

#navcontainer ul li a
{
background: transparent url(list-off.gif) left center no-repeat;
padding-left: 15px;
text-align: left;
font: normal 11px Lucida Grande, Lucida Sans Unicode, verdana,
lucida, sans-serif;
text-decoration: none;
color: #999;
border-bottom:1px solid #CC;
line-height: 20px;
}

#navcontainer ul li a:hover
{
background: transparent url(list-on.gif) left center no-repeat;
color: black;
}

#navcontainer ul li a#current
{
background: transparent url(list-on.gif) left center no-repeat;
color: #666;
}
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] creación de menu en lista

2006-10-19 Por tema Ardilla Roja
q me corrigan si me equivoco...

pero puede ser cambiando el display de los a a block,  dandole un ancho.. ?

a {
display: block;
width: 100%;
}


On 10/19/06, Marina Gallardo [EMAIL PROTECTED] wrote:
 Buenas a todos,

 Estoy trabajando en un menu en lista y quisiera poner lineas bajo cada
 enlace que tuvieran el mismo ancho que la tabla, de tal forma que
 quedase con un mismo ancho de línea para todo el menu, algo como aquí:
 http://www.free-css-templates.com/LGBlue/
 lo único que he conseguido es poner un borde bajo el enlace, pero
 ocupa sólo el ancho del título del enlace.

 A ver si alguien me puede decir qué hago mal o qué debería modificar /
 agregar al estilo.

 Gracias, abajo os coloco los códigos.
 Marina.

 HTML:

 div id=navcontainer
 ul id=navlist
 li id=activea href= id=currentHome/a/li
 lia href=#Coacute;mo usar /a/li
 lia href=#Distribuya Duf en su Paiacute;s /a/li
 lia href=#Doacute;nde comprarlo /a/li
 lia href=#Informa a una amiga sobre Duf /a/li
 lia href=#Videos demostrativos /a/li
 lia href=#Contacto/a/li
 /ul
 /div

 CSS:

 #navcontainer ul
 {
 list-style-type: none;
 text-align: left;
 }

 #navcontainer ul li a
 {
 background: transparent url(list-off.gif) left center no-repeat;
 padding-left: 15px;
 text-align: left;
 font: normal 11px Lucida Grande, Lucida Sans Unicode, verdana,
 lucida, sans-serif;
 text-decoration: none;
 color: #999;
 border-bottom:1px solid #CC;
 line-height: 20px;
 }

 #navcontainer ul li a:hover
 {
 background: transparent url(list-on.gif) left center no-repeat;
 color: black;
 }

 #navcontainer ul li a#current
 {
 background: transparent url(list-on.gif) left center no-repeat;
 color: #666;
 }
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo