bueno aca va la solucion:
en FF y el resto de los browsers (a IE digamos que ni se lo puede llamar
browser), funciona perfecto el codigo siguiente (Probado en FF 1.5 y
FF 2.0y Opera)
<style>
#divContenedor {
/* esto es para poder colocar la image como mas te guste con posicion
absoluta, pero con respecto a su padre.... */
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none;
}
#textoLink {
z-index:10;
position:absolute;
}
#link:hover #imagen {
text-align:center;
display:block;
}
</style>
y el html seria:
<div id="divContenedor">
<a href="#" id="link" >
<span id="textoLink">Texto del link</span>
<img id="imagen" src="pencil.png" width="16" height="16" />
</a>
</div>
Ahora bien, para IE este codigo no va por que IE no soporta el hover en el
css, por lo que cambiamos un poco el codigo usando algo de js para
solucionar eso... cambiando el tema de display:none o display:block de la
imagen en ves de hacerla via CSS la haremos con un on mouseover en el
link...
<style>
#divContenedor {
/* esto es para poder colocar la image como mas te guste con posicion
absoluta, pero con respecto a su padre.... */
position:relative;
}
#imagen {
position:absolute;
top:0px;
left:30px;
z-index:9;
float:left;
border:0;
display:none; /* el display none si lo dejamos para que inicialmente no se
vea la imagen, despues es cuestion de javascript */
}
#textoLink {
z-index:10;
position:absolute;
}
#link:hover #imagen {
text-align:center;
}
</style>
y el html seria:
<div id="divContenedor">
<a href="#" id="link"
onmouseover="document.getElementById('imagen').style.display='block';"
onmouseout="document.getElementById('imagen').style.display='none';">
<span id="textoLink">Texto del link</span>
<img id="imagen" src="pencil.png" width="16" height="16" />
</a>
</div>
espero te sirva, cualquier cosa me avisas....
On 2/9/07, sn <[EMAIL PROTECTED]> wrote:
>
> salud;
> rescato este post para que no caiga en el olvido.
> a nadie se le ocurre ninguna solución?
> no puede hacerse?
>
> no me lo creo.
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
______________________________________
| |
| Leandro Asrilevich |
| Web & Multimedia Developer |
| Movil: +54 (3442) 15-454793 |
| Tel: +54 (11) 4307-3085 |
| |
| Web: www.beastx.com.ar |
| MSN: [EMAIL PROTECTED] |
| Skype User: leandro.asrilevich |
| |
| Defensa 1805 PB "E" |
| Capital Federal - Buenos Aires - Argentina |
|_____________________________________|
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
