Buenas,
He creado menú, con un ancho del 100%.
Este menú tiene 6 opciones:
- 5 opciones con un ancho del 12%
- 6a. opción quisiera que fuera el resto.
Partiendo que tengo asignado un margin-right del 1%, entiendo que la última columna debería ser del 39,5%, ya que la 6a. opción quisiera no tener margin-right,pero no lo consigo.
El código css es este:
Código CSS:
Ver original#menu {
float:left;
width:100%;
}
#menu nav {
font:bold 1.1em 'Helvetica';
padding-top:2px;
}
#menu nav ul {
list-style-type:none;
background:#367A7B;
}
#menu nav ul li#opcioActiva{
background:#035A5B;
}
#menu nav ul li {
float:left;
height:40px;
line-height:40px;
background:#5CACAD;
width:12%;
text-align:center;
margin-right:1px;
}
#menu nav ul li a{
text-decoration:none;
color:#FFF
}
#menu nav ul li#bandera {
width:39.4%;
text-align:right;
margin-right:-1px;
}
Quizás me estoy liando, pero no sé cómo corregir este pequeño error, justo a la derecha de la bandera, que muestro en la siguiente imagen:
