Buenas,
Me gustaría saber cuál es la mejor manera de hacer un menú con CSS. Tenía entendido que con el uso de las listas (con estilos para que tomen forma de menú horizontal, sin viñetas, etc), ya que un menú al fin y al cabo es lo que es.
El problema es que los elementos <li> con este estilo alineados a la izquierda dejan un pequeño margen. El código es éste:
Código:
<html>
<head>
<style>
.a
{
width: 80%;
height: 20px;
background-color: #AAAAAA;
margin-left: auto;
margin-right: auto;
border: 1px solid;
list-style-type: none;
}
.c
{
width: 100px;
height: 20px;
background-color: #00FF00;
float:left;
margin-left: -40px;
}
</style>
</head>
<body>
<menu class="a">
<li class="c">8</div>
</menu>
</body>
</html>
La única solución que he encontrado es poner un margin-left: -40, pero no me acaba de convencer porque a lo mejor entre diferentes navegadores o versiones no funciona igual...
Alguna idea? Cómo soléis hacer vosotros los menús?