Problema menu y mouseover

[Shypu]

Buenas, tengo un problema con un enlace de un menu, he creado un menu con un elemento de tipo "URL Externa" el cual de la opción de que muestre una imagen, hasta aquí bien.

El problema me viene cuando quiero que ese "boton" cambie con el mouseover

He encontrado un codijo de javascript:

Código:

    <img
    src="ENLACE DE PRIMERA IMÁGEN" 

    onmouseover="javascript:this.src='ENLACE SEGUNDA IMÁGEN';" 

    onmouseout="javascript:this.src='ENLAE DE PRIMERA IMÁGEN U OTRA';"/>

pero no se donde tengo que meterlo

[patkoala]

Sinceramente, no te entendi bien, pero imaginate, una imagen que tiene un enlace, y cuando pasas por encima el raton, cambia la imágen.

Código HTML:

<a href="direccion del enlace"><img src="imagen1" onmouseover="this.src='imagen2';" onmouseout="this.src='imagen1';"></a>
 

Espero haberte ayudado

[IsaBelM]

estas cosas de rollover es mas conveniente hacerlas con css. busca información sobre css sprite

[Shypu]

Gracias IsabelM, con el css sprite he conseguido el mousover, pero ahora tengo un problema y nose porque pasa, no puedo clicar el enlace, aqui dejo el codigo html:

Código HTML:

<div id="btn_foro"><a href="url a la pagina que quiero" ><img class="btnforo" src="/transp.gif" /></a></div> 

[IsaBelM]

te ocurre en todos los navegador?? qué propiedades tiene el selector "btnforo"??
prueba con esta otra manera

[Shypu]

seguí este [URL="http://www.pixelovers.com/css-sprites-mejora-rendimiento-web-i-37249"]tutorial[/URL]:

En FF no me deja clicar y en IE & Chrome me muestran el boton con su funcion mouseover, y puedo clicar, pero tambien me muestran el icono de imagen rota.

Con el firebug, veo que el codigo html del enlace aparece en tonos grises respecto al resto de la pagina.

[IsaBelM]

con el código que muestras, el único problema que veo es este

src="/transp.gif"

o usas (./) o no usa ni punto(.) ni barra(/)

supongo que también lo estás haciendo en

background: url('/sprite.jpg')

así que corrígelo también