Hola buenas tardes, soy pelotxo, un saludo a todas y todos los foreros de este sitio tan interesante y que de tantas dudas me saca.
Estoy empezando en esto de las paginas web, y ahora mismo me encuentro con un problema al hacer una lista horizontal, no se ve en firefox!!! aaggg!!
Este es el codigo que estoy usando, a ver si me podeis echar una mano y decirme porque no se ve en el mozilla firefox
Cita: <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 ul
{
padding: .2em 0;
margin: 0;
list-style-type: none;
background-color: #036;
color: #FFF;
width: 100%;
font: normal 90% arial, helvetica, sans-serif;
text-align: center;
}
li { display: inline; }
li a
{
text-decoration: none;
background-color: #036;
color: #FFF;
padding: .2em 1em;
border-right: 1px solid #fff;
}
li a:hover
{
background-color: #369;
color: #fff;
}
ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs.