Un menu con div / ul / li extraño con/sin ul

tonnot · #1 (**permalink**) 31/01/2011, 05:34

Me explico y dejo el código.
Me gustaria saber porque (por lo menos a mi) el menú que lleva ul tiene un margen izquierdo que no puedo quitar ....
A ver si alguien me da una explicación ....
Muchas gracias

Código:

<head>
<link href="topfast2.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="divmierda">
   <li><a href="#">Quienes somos</a></li>
   <li>|</li>
   <li><a href="#">Nuestros trabajos</a></li>
   <li>|</li>
   <li><a href="#">Contacto</a></li>
 
 </div>


<div class="divmierda">
<ul>
   <li><a href="#">Quienes somos</a></li>
   <li>|</li>
   <li><a href="#">Nuestros trabajos</a></li>
   <li>|</li>
   <li><a href="#">Contacto</a></li>
 </ul>
 </div>

</body>

La css

Código:

ul {
	list-style-type: none;
}
li{
	display: inline;
}

.divmierda {
	TEXT-ALIGN: right;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 10px;
	FLOAT: right;
	FONT-SIZE: 12px;
	PADDING-TOP: 0px;
	background-color: #09F;
}

jomaruro · #2 (**permalink**) 31/01/2011, 09:00

Hola:

¿Has probado a poner un reset al principio de tu css?

Saludos.

sanxuan · #3 (**permalink**) 31/01/2011, 09:26

La respuesta es: ¿porqué no lo iva a hacer?
Es lo que se espera que haga. Una lista debe dejar un cierto retranqueo con respecto al texto "normal". También se llama sangría.

Dudo que puedas validar tu código si no incluyes tus etiquetas <li> dentro de <ul>. La explicación a que no te aparezca el margen cuando no incluyes la etiqueta ul es que dejas de tener una lista y por tanto dejas de tener el margen adicional izquierdo, pero también superior e inferior. El código no es válido y el navegador no interpreta las etiquetas li como parte de una lista.

Si utilizas Firebug con Firefox podrás observar las propiedades por defecto de las listas no ordenadas, entender cómo se les añade ese margen adicional y modificar el CSS para que no aparezca. Otra alternativa es empezar por consultar algún manual.

Prueba a añadir margin-left:0 al ul y tu lista debería mostrarse sin margen izquierdo.

Un saludo. Espero que la respuesta te pueda ayudar.

tonnot · #4 (**permalink**) 01/02/2011, 02:31

Gracias.
No se.... a veces pienso que hay algunos valores 'por defecto' que tienes que anular....
Es como si hubiera que estar demasiado pendiente de esos 'valores' toca huevos....
Je je, (de todas formas supongo que si están así es por algo... )