Linea blanca debajo titulos del menú

[disguiseddevil]

Hola, me preguntaba si alguien me puede decir, como es el código para conseguir poner una línea blanca debajo de cada palabra del menú. Como aquí

[DragonX]

podes "jugar" con el estado de tus links.
Probá esto:

Código CSS:

a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:ubderline;}
 

Espero te sirva!

[liedpaul]

También puedes hacerlo con la propiedad border así:

span{

border-bottom: solid 1px #FFF;

}


y listop!!!!



Bendiciones

[disguiseddevil]

Hola al estar modificandolo en un blog no puedo modifcar muchas cosas. Podría insertar el código aquí?

Código HTML:

<ul class="barrademenu">
<li><a href="http://www.EJEMPLO.com/index.html" title="">INICIO</a></li>
<li><a href="http://www.EJEMPLO.com/empresa.html" title="">EMPRESA</a></li>
<li><a href="http://www.EJEMPLO.com/imagenes.html" title="">IMÁGENES</a></li>
<li><a href="http://EJEMPLO.blogspot.com/" title="">BLOG</a></li>
<li><a href="http://www.EJEMPLO.com/presupuesto.html" title="">PRESUPUESTO</a></li>
</ul>
<br style="clear: left"/>
 

Dónde iría en caso de que se pueda modificar??

Gracias!!

[DragonX]

ul.barrademenu li a{color:#000;text-decoration:none;}
ul.barrademenu li a:hover{color:#f00;text-decoration:ubderline;}

[disguiseddevil]

O que no me funciona o que no se ponerlo...

sería así?

Código HTML:

<ul class="barrademenu">
ul.barrademenu li a{color:#000;text-decoration:none;}
ul.barrademenu li a:hover{color:#f00;text-decoration:ubderline;}
<li><a href="http://www.EJEMPLO.com/index.html" title="">INICIO</a></li>
<li><a href="http://www.EJEMPLO.com/empresa.html" title="">EMPRESA</a></li>
<li><a href="http://www.EJEMPLO.com/imagenes.html" title="">IMÁGENES</a></li>
<li><a href="http://EJEMPLO.blogspot.com/" title="">BLOG</a></li>
<li><a href="http://www.EJEMPLO.com/presupuesto.html" title="">PRESUPUESTO</a></li>
</ul>
<br style="clear: left"/>