Foros del Web » Creando para Internet » CSS »

Sólo para expertos en CSS

Estas en el tema de Sólo para expertos en CSS en el foro de CSS en Foros del Web. Hola, que tal? tengo un problema con una hoja de estilos en cascada. Resulta que en Internet Explorer 6 se me desplazan las imágenes al ...
  #1 (permalink)  
Antiguo 21/05/2007, 04:22
 
Fecha de Ingreso: mayo-2007
Mensajes: 20
Antigüedad: 10 años, 7 meses
Puntos: 0
Sólo para expertos en CSS

Hola, que tal?

tengo un problema con una hoja de estilos en cascada. Resulta que en Internet Explorer 6 se me desplazan las imágenes al pasar por encima de una de ellas. Esto no ocurre en Firefox.

Aquí está el enlace: ssur.webpal.info/prueba/error2.php

¿Alguna idea por favor?
  #2 (permalink)  
Antiguo 21/05/2007, 05:48
 
Fecha de Ingreso: febrero-2005
Mensajes: 396
Antigüedad: 12 años, 10 meses
Puntos: 1
Re: Sólo para expertos en CSS

¿Es necesario tener el carnet de experto en CSS (TM) para responderte?

Ya podías habértelo currado un poco más y especificar el motivo por el cual crees que te pasa lo que te pasa.

Un saludo

Zerjillo
  #3 (permalink)  
Antiguo 21/05/2007, 07:12
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Sólo para expertos en CSS

Hola:
no soy experto pero creo que tu problema viene de esto:
primero empieza tu css con
* {margin:0;padding:0;}
así anulas los margin y padding que los navegadores ponen por defecto y que cada uno maneja a su manera, y además luego el ff sigue las reglas w3c y el ie improvisa.

segundo, en
div#set_of_links {
position:relative;
padding:1px; aquí pones 1px

y en
div#set_of_links a {
display:inline;
padding:0px 0px 0px 0px; y aquí pones 0px

creo que el ie trata los img o los a con la primera opción y cuando pasas el ratón por encima los trata como links usando la segunda opción o utilizando los valores de margin o padding que pone por defecto.

En mi modesta opinión pon lo que puse de primero e iguala los dos padding, y ya contarás si funciona. Suerte, Jorge H.
  #4 (permalink)  
Antiguo 21/05/2007, 07:22
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Sólo para expertos en CSS

Hola:
otra cosa, si no funciona entonces prueba con este hack para el ie:
*>html {
/*fix ie jump hide iemac\*/
*html div#set_of_links {float:left;height:1%;}
*html div#set_of_links a {height:1%;}
/*end*/

lo pones antes de:
div#set_of_links a:hover {


Suerte, Jorge H.
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 22:20.