Foros del Web » Creando para Internet » CSS »

Compatibilidad con listas

Estas en el tema de Compatibilidad con listas en el foro de CSS en Foros del Web. Buenas tengo una lista con este codigo: Código HTML: <div id= "menu" > <div id= "navegacion" > <img src= "http://sim-adictos.com/img/menu.gif" alt= "MENU" width= "120" height= ...
  #1 (permalink)  
Antiguo 13/12/2005, 08:14
Avatar de daxtor  
Fecha de Ingreso: enero-2005
Mensajes: 21
Antigüedad: 12 años, 10 meses
Puntos: 0
Compatibilidad con listas

Buenas tengo una lista con este codigo:

Código HTML:
<div id="menu"><div id="navegacion"><img src="http://sim-adictos.com/img/menu.gif" alt="MENU" width="120" height="30" border="0" /><ul id="navegacion-a">
<li id="seccion">La web</li>
<li><a href="#">Inicio</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Multimedia</a></li>
<li><a href="#">Staff</a></li>
<li><a href="#">Contacta</a></li>
<li><a href="#">Webmaster</a></li>
<li id="seccion">Los Sims 2&reg;</li>
<li><a href="#">Reportaje</a></li>
</ul>
<img border="0" src="http://sim-adictos.com/img/menuabj.gif" width="120" height="30"></div>
otro texto
</div> 
y su codigo css seria este:

Código:
#menu { 
		width:120px;
		height:100%;
		float:left;
		font-size: 11px;
		margin-top: 20px;
		clear:left;
		margin-left: 0 px;
}
#navegacion {
		background-image:url(img/fondomenu.gif)
		
		
}

#navegacion li {
		list-style: none;
}
El problema esque en opera 9 y firefox 1.5 se vee bien en cambio en IE pues me sale el menu en medio y no pegado a la izquierda, si eso mas tarde pongo una captura de pantalla

EDIT: aqui os dejo la captura de pantalla
  #2 (permalink)  
Antiguo 13/12/2005, 08:20
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
ponle margin : 0px; a navegacion li o a la <ul>

Prueba y comenta el resultado.


Saludos.
  #3 (permalink)  
Antiguo 13/12/2005, 10:25
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Prueba agregando

Código:
#navegacion-a {
    margin: 0px;
    padding: 0px;
}
__________________
oohh... quisiera ser godines!!!
  #4 (permalink)  
Antiguo 14/12/2005, 06:56
Avatar de daxtor  
Fecha de Ingreso: enero-2005
Mensajes: 21
Antigüedad: 12 años, 10 meses
Puntos: 0
solucionado

muchas gracias a los dos, al final solo calia añadir
Código:
#navegacion-a {
		padding-left: 3px;
		margin: 0px;
		
}
lo que pasa esque en el post de esplicacion me deje de poner navegacion-a que tenia padding 3px

En fin, ya esta solucionado, gracias
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 19:41.