link + imagen en diferente celda

MICA · #1 (**permalink**) 20/04/2005, 10:35

Hola tengo un aduda no se si me puedan ayudar.

Tengo un link y una imagen estan en diferentes celdas el link cambia de color al pasar el mouse por encima quiero saber si se puede que al pasar el mouse por la imagen el link tambien cambie de color.

Se que se puede hacer si estan en un misma celda peor yo necesito que esten en diferentes celdas habra algun tipo de script que haga esto.

Espero que alguien me pueda ayudar, Gracias

angsanchez · #2 (**permalink**) 20/04/2005, 12:54

Hola, Mica
En principio se podrá, aplicando a IMG el mismo código onMouseOver que aplicas al A. Aunque me parece recordar que no todos los navegadores aceptan onMouseOver en la etiqueta IMG. Se puede intentar como te digo, con javascript, pero también usando estilos CSS.
No creo que el que estén en la misma o distinta celda sea un problema. Si pones el código que tienes ahora, veremos cómo se puede adaptar.

MICA · #3 (**permalink**) 21/04/2005, 20:15

Angel, mira soy principiante en esto, es un ejemplo x
tengo dos celdas en una la imagen y en otra el link

<table width="190" height="65" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="108"><a href="portal.html"><img src="images/btn-buscar.gif" border="0"></a></td>
<td width="82"><a href="portal.html" class="style1">mica</a></span></td>
</tr>
</table>

Gracias por tu ayuda

angsanchez · #4 (**permalink**) 22/04/2005, 12:57

A ver si esto te sirve, al menos de inspiración:

Código HTML:

<html>
<head>
<script language="JavaScript" type="text/JavaScript">
function on()
{	document.getElementById('diana').style.backgroundColor='#ffcc00;'
}
function off()
{	document.getElementById('diana').style.backgroundColor='#ffffff;'
}
</script>
</head>
<body>
<table width="190" height="65" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="108"><img src="images/btn-buscar.gif" border="0" onMouseOver="on()" onMouseOut="off()">
</td>
<td width="82"><a href="portal.html" id="diana" onMouseOver="on()" onMouseOut="off()">mica</a>
</td>
</tr>
</table>
</body>
</html>

Tanto el enlace como la imagen actúan del mismo modo; la presencia de las celdas es irrelevante, lo importante es el "ID" de la diana.