Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Un menu con div / ul / li extraño con/sin ul en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 31/01/2011, 05:34
 
Fecha de Ingreso: noviembre-2010
Mensajes: 70
Antigüedad: 7 años, 1 mes
Puntos: 0
Un menu con div / ul / li extraño con/sin ul

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;
}
  #2 (permalink)  
Antiguo 31/01/2011, 09:00
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Un menu con div / ul / li extraño con/sin ul

Hola:

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

Saludos.

  #3 (permalink)  
Antiguo 31/01/2011, 09:26
Avatar de sanxuan  
Fecha de Ingreso: enero-2011
Ubicación: Gijón
Mensajes: 671
Antigüedad: 6 años, 11 meses
Puntos: 36
Respuesta: Un menu con div / ul / li extraño con/sin ul

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.
  #4 (permalink)  
Antiguo 01/02/2011, 02:31
 
Fecha de Ingreso: noviembre-2010
Mensajes: 70
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Un menu con div / ul / li extraño con/sin ul

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... )

Etiquetas: extraño
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:22.