Problemas con CSS
Buenas, tengo un problema y estoy bastante deseperado.
El problema es el siguiente.
al responder al evento a:hover se muestra un texto oculto previamente. El problema es que al pasar por encima de la imagen que muestra el texto oculto, se mueven las imágenes que se encuentran al lado sobre la misma horizontal. Esto sólo me ocurre en IE6, en firefox no sucede.
¿alguien puede ayudarme por favor?
<code>div#set_of_links {
position:relative;
padding:1px;
border:1px #999;
background-color:#fff;
margin-bottom:2px
}
div#set_of_links a {
display:inline;
padding:0px 0px 0px 0px;
text-decoration:none;
color:maroon
}
div#set_of_links a:hover {
background:transparent;
}
div#set_of_links a span {
display:none;
}
div#set_of_links a:hover span {
display:inline;
position:absolute;
top:120px;
left:20px;
}</code>
eRNieB
Podrias colgar la web en algún sitio. Creo que asi si te podriamos ayudar...
De todas formas, cuando comentas se mueven te refieres a que se desplazan. Hmmmm... bueno, cuelgala y a ver si encontramos una solución al problema. ;)
Saludos,
eRNieB
Dio_83
http://ssur.webpal.info/prueba/error2.php
Podeis observar como en IE6 se desplazan las imágenes al pasar por encima de la imagen. En cambio en firefox no.
¿Alguna idea?
_Un saludo.
pseudo
Puede ser un problema de "LayOut". Prueba a poner un height o un width a los distintos elementos (para IE 7 un min-height o min-widht)
Dio_83
Cuando dices poner widht o heght a los elementos, por elementos entiendes las imágenes? los div?, los span?. Perdona mi torpeza.