Foros del Web » Creando para Internet » CSS »

Problemas con menu

Estas en el tema de Problemas con menu en el foro de CSS en Foros del Web. HOla que tal estoy haciendo un menu con una lista en CSS. Lo pongo en Mozilla y se ve bien pero lo pongo en IE ...
  #1 (permalink)  
Antiguo 21/02/2010, 07:02
paois1
Invitado
 
Mensajes: n/a
Puntos:
Problemas con menu

HOla que tal
estoy haciendo un menu con una lista en CSS. Lo pongo en Mozilla y se ve bien pero lo pongo en IE y se ve demasiado separado uno de otro. el codigo es este.

li a{
font-family:verdana;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:right;
color:white;
margin:0px;
padding:0px;
display:block;
width:150px;
line-height:10px;
}

en el ul tambien tengo esto

ul#menu{
z-index:2;
margin:-120px 0px 0px 790px;
padding:0px;
list-style-type:none;
}

Alguien me puede ayudar a solucionar este problema?
Gracias de antemano

Última edición por paois1; 21/02/2010 a las 07:17
  #2 (permalink)  
Antiguo 21/02/2010, 10:25
Avatar de RusO91  
Fecha de Ingreso: enero-2008
Ubicación: Rosario
Mensajes: 91
Antigüedad: 9 años, 10 meses
Puntos: 2
Respuesta: Problemas con menu

tocandole el paddig o el margin al li ? (no a li a)
  #3 (permalink)  
Antiguo 21/02/2010, 16:51
paois1
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con menu

Noup, sigue igual :S
  #4 (permalink)  
Antiguo 21/02/2010, 16:56
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Problemas con menu

Ponle display: inline; en ul#menu, y me cuentas como queda.

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 21/02/2010, 16:59
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problemas con menu

Cita:
Ponle display: inline; en ul#menu, y me cuentas como queda.
no entiendo que quiere pero si es que todos esten horizontal seria

ul#menu li{display: inline;}

al li y no al ul
  #6 (permalink)  
Antiguo 21/02/2010, 17:02
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Problemas con menu

No, lo que pasa es que Internet Explorer duplica el margin con elementos float, no se si ese es el caso (bueno eso entendí yo ).

Saludos
__________________
Grupo Telegram Docker en Español
  #7 (permalink)  
Antiguo 21/02/2010, 17:34
paois1
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problemas con menu

Hola Carlangueitor
Pues nada, lo que hizo el display fue ponerme el menu en mitad de la pagina sin tomar en cuenta el margin que le habia dado para posicionarlo, y aun en la mitad sigue conservando el problema del espaciado entre los "li"...
  #8 (permalink)  
Antiguo 21/02/2010, 19:21
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Problemas con menu

ahhh.... pues no entiendo jaja...

porque vamos

Código:
li a{
font-family:verdana;
font-size:11px;
font-weight:bold;
text-decoration:none;
text-align:right;
color:white;
margin:0px;
padding:0px;/*ponlo en el reset*/
display:block; /*si usas display block a los a... en estaran uno debajo de otro*/
width:150px;
line-height:10px;
}

ul#menu{
z-index:2;/*no hay ni absolute, ni relative*/
margin:-120px 0px 0px 790px;/*no veo necesidad para margen negativo*/
padding:0px;/*mejor usar un reset que tenga esta propiedad*/
list-style-type:none;/*las propiedades de lista van a las lista y no a su contenedor que de igual manera estaria bien en el reset*/
}
dando ayuda a ciegas diria que

ul#menu li. ul#menu li a{float:left;width:auto;}

mejor di mas detalles o pon la url del problema

Etiquetas: Ninguno
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 13:53.