.nav ul li {
border: 1px solid #666; /* border: 1px solid #666; */
font-size: 0.8em;
text-align: center;
display:block;
float: left;
padding:0px;
margin:0px;
height: 30px;
width: 118px;
}
*-----Mensaje original-----
*De: ovillo-boun...@lists.ovillo.org
[mailto:ovillo-boun...@lists.ovillo.org] En nombre
*de Guiomar Valdés
*Enviado el: miércoles, 23 de marzo de 2011 05:20 a.m.
*Para: ovillo@lists.ovillo.org
*Asunto: [Ovillo] Problema de bordes con IE
*
*Hola a todos.
*Tengo el siguiente problema, he puesto una lista con enlaces para hacer la
*típica barra de cabecera, y a cada "li" le he dado un borde. En IE no me
*mustra los bordes de ninguna manera, y eso que ya he mirado si es un tema
*del ancho dado a cada "li".... Dejo el código y el CSS.
*La parte que me da problemas es la caja llamada "nav".
*
*Muchas gracias.
*
*
*
*
*
*
*<div class="cabecera">
* <div class="contenido_cabecera">
* <div class="fila">
* <div class="col_izda"> <img src="images/logo.gif" alt="logo"/>
*</div>
* <div class="col_dcha">
* <div class="inicio">
* <ul>
* <li> Inicio </li>
* <li> Contacto </li>
* </ul>
* </div>
* <div class="idiomas">
* <ul>
* <li> Castellano </li>
* <li> Catala </li>
* <li> English </li>
* </ul>
* </div>
* <div class="buscar">
* <fieldset>
* <label for="buscar">
* <input type="text"
* id="buscar" />
* Buscar </label>
* </fieldset>
* <img src="images/lupa.gif" alt="lupa" /> </div>
* </div>
* </div>
* <div class="nav">
* <ul>
* <li> <a href="#">Información Corporativa </a></li>
* <li> <a href="#">Productos </a></li>
* <li> <a href="#">Información Corporativa </a></li>
* <li> <a href="#">Financiar</a></li>
* <li> <a href="#">Información </a></li>
* <li> <a href="#">Información Corporativa </a></li>
* <li> <a href="#">Servicios </a></li>
* </ul>
* </div>
* </div>
* </div>
*
*
*
*ESTILOS
*
*
*
*
*
*.cabecera {
* background-color: white;
* overflow: auto;
* width: 100%;
*
*}
*
*
*
*
*.contenido_cabecera {
* margin: auto;
* width: 920px;
*
*
*
*}
*
*.cabecera ul li {
*
* float:left;
* list-style:none;
* color:white;
* padding:5px;
*}
*
*
*
*
*.cabecera a {
* text-decoration:none;
*
*
*}
*
*
*
*.nav {
* color:black;
* float: left;
* width: 100%;
* margin-top: 15px;
* display:block;
*}
*
*
*.nav ul {
*
* margin: 0;
* padding: 0;
* width: 100%;
*
*
*}
*
*
*
*
*
*.nav ul li {
*
* border: 1px solid#666;
* font-size: 0.8em;
* text-align: center;
* display:block;
* float: left;
* padding:0px;
* margin:0px;
*height: 30px;
* width: 118px;
*
*}
*
*
*
*.fila {
*
* width:100%;
* float:left;
*
*}
*
*
*.col {
* float:left;
* width:33%;
* margin-top: 10px;
*
*}
*
*--
*Guio
*_______________________________________________
*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
