Foros del Web » Creando para Internet » CSS »

Menú con imagenes no se ve en IE6

Estas en el tema de Menú con imagenes no se ve en IE6 en el foro de CSS en Foros del Web. Hola... Para variar, de nuevo problemas con el IE6. Tengo un menu con imagenes que se ve bien en IE7, Firefox y Opera pero en ...
  #1 (permalink)  
Antiguo 07/09/2008, 01:15
Avatar de Threepwood  
Fecha de Ingreso: febrero-2002
Ubicación: Argentina
Mensajes: 892
Antigüedad: 15 años, 10 meses
Puntos: 3
Mensaje Menú con imagenes no se ve en IE6

Hola...

Para variar, de nuevo problemas con el IE6. Tengo un menu con imagenes que se ve bien en IE7, Firefox y Opera pero en IE6 sólo se ve el texto entre el <a>, sin las imagenes ni los paddings, como si esa info no existiera
Aquí va el código:

HTML

Código HTML:
<div id="content_l">
           
            	 
                
                <ul id="menu">
            
            		<li><a href="#" id="semilla">Semilla</a></li>
                    <li><a href="#" id="artesanos">Artesanos</a></li>
            		<li><a href="#" id="fotos">Fotos</a></li>
            		<li><a href="#" id="contacto">Contacto</a></li>
                    
                 </ul>
                    
                 
            </div> 
Y el CSS

Código:
#menu {
	list-style: none;
	padding-left: 35px;	
}

#menu li {
	padding-bottom: 15px;
}


a#semilla {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/semilla.gif) top left no-repeat;
}

a#semilla:hover {
background-position:bottom;
}

a#artesanos {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/artesanos.gif) top left no-repeat;
}

a#artesanos:hover {
background-position:bottom;
}


a#fotos {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/fotos.gif) top left no-repeat;
}

a#fotos:hover {
background-position:bottom;
}

a#contacto {
display:block;
width:150px;
height:50px; 
text-indent:-9999px;
background:url(../img/contacto.gif) top left no-repeat;
}

a#contacto:hover {
background-position:bottom;
}
¿Alguna sugerencia? También, si existe una manera mejor para hacer este tipo de menus, agradecería me la dijeran :)

Gracias!

Samuel.
__________________
Equívocos sin importancia
  #2 (permalink)  
Antiguo 07/09/2008, 18:38
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Menú con imagenes no se ve en IE6

Hola
Échale un vistazo a este post
http://www.forosdelweb.com/f53/menu-...00-css-595007/
sobre todo a la entrada 102 (creo recordar) y al archivo .doc que Mikemoro tiene incluido en el .zip
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 07/09/2008, 18:45
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Menú con imagenes no se ve en IE6

Una pregunta: ¿para qué usas el text-indent:-9999px;?
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 07/09/2008, 23:06
Avatar de Threepwood  
Fecha de Ingreso: febrero-2002
Ubicación: Argentina
Mensajes: 892
Antigüedad: 15 años, 10 meses
Puntos: 3
Respuesta: Menú con imagenes no se ve en IE6

Hola, Mikmoro!

Tienes razón, el text-indent no va. Mi error.

Fijate que al final solucioné el error... y era una cosa muy curiosa.

Antes del menu tenía un comentario:

/* navegación */

Y el error con IE6 es esa O con acento... es como si deshabilitara todas las propiedaes CSS, sólo mostraba la lista sencilla.

Quité el acento y todo funcionó a la perfección.

¿Hay alguna explicación?

Samuel.
__________________
Equívocos sin importancia
  #5 (permalink)  
Antiguo 08/09/2008, 16:55
 
Fecha de Ingreso: septiembre-2008
Mensajes: 32
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Menú con imagenes no se ve en IE6

Al ver como solucionaste el error, supongo que IE6 no reconoce los acentos. Hoy en día no hay muchos problemas con esto, pero yo siempre trato de no usar acentos, ni "ñ" ni ningún caracter de este tipo.

Saludos!
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 12:13.