Foros del Web » Creando para Internet » CSS »

problema concatenacion css con ie6

Estas en el tema de problema concatenacion css con ie6 en el foro de CSS en Foros del Web. Hola a tod@s, estoy probado este trozo de css: Código HTML: .ES #menu_horizontal ul li a{background:url(../img/menu_h_ES.jpg) top left no-repeat; float:left; display:block; text-align:center; height:30px; width:100%; padding:0px ...
  #1 (permalink)  
Antiguo 18/11/2008, 17:58
 
Fecha de Ingreso: marzo-2006
Mensajes: 75
Antigüedad: 18 años
Puntos: 1
problema concatenacion css con ie6

Hola a tod@s, estoy probado este trozo de css:

Código HTML:
.ES #menu_horizontal ul li a{background:url(../img/menu_h_ES.jpg) top left no-repeat; float:left; display:block; text-align:center; height:30px;  width:100%;  padding:0px 18px; }

.ES #menu_horizontal ul li a.quien{background-position: 0px 0px; width:124px;}
.ES #menu_horizontal ul li a:hover.quien, .ES #menu_horizontal ul li a.quien.checked{background-position: 0px -30px;}

.ES #menu_horizontal ul li a.contacto{background-position: -160px 0px; width:63px;}
.ES #menu_horizontal ul li a:hover.contacto, .ES #menu_horizontal ul li a.contacto.checked{background-position: -160px -30px;}
Como ven, a parte de mover la imagen que previamente cargo en las a de este listado, hago que cuando añado la clase checked, tenga el mismo efecto que cuando se hace rollOver.

Esto me funciona en ie7, y FF2 y FF3, pero en IE6 no me hace caso, me deja como checked el ultimo elemento que halla en el css, en este caso si yo pongo checked en el div correspondiente a la clase .quien me dejaria el background con las coordenadas de la clase .contacto

¿Alguien sabe porque lo hace?
  #2 (permalink)  
Antiguo 18/11/2008, 18:19
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 5 meses
Puntos: 280
Respuesta: problema concatenacion css con ie6

Habría que ver el html al que le aplicas esto, pero lo que se me hace raro es que te funcione bien en algún navegador, porque hay algún error, como:

.ES #menu_horizontal ul li a.quien{background-position: 0px 0px; width:124px;}
.ES #menu_horizontal ul li a:hover.quien,

debería ser:

.ES #menu_horizontal ul li a.quien{background-position: 0px 0px; width:124px;}
.ES #menu_horizontal ul li a.quien:hover,

Por otro lado, IE6 no sabe interpretar selectores de clase doble como a.contacto.checked
__________________
Visita mi nueva web idplus.org
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 18:28.