problemilla con enlace imagen dentro de DIV

bueno..,.,no se como tienes declarados los estilos exactamente...pero si has definido el estilo hover genéricamente (a:hover) es lógico que te ocurra eso.

Una posible solución para que no tengas que cambiar nada es que a la clase que hayas puesto a la etiqueta <a>, le asignes un valor hover particular, es decir algo como:

<code>a:hover.alternativo { background: transparent; }</code>

si tienes algo como esto:

a href="#"&gt;enlace1&lt;/a
&lt;div&gt;a href="#"&gt;enlace2&lt;/a&lt;/div&gt;

osea tienes unos enlaces fuera (para los que defines la regla general del elemento a y su pseudoclase hover, a:hover) y tienes ademas un enlace dentro de una capa puedes ahorrarte incluso poner una clase a ese enlace usando selectores contextuales, seria como decir: "los enlaces que estan en el documento ponle el fondo verde al hacer hover" y añadir luego "los enlaces que estan dentro del documento y dentro de este dentro de una capa ponlos de fondo rojo al hacer hover", en verdad es sencillo:

a:hover{
background-color: Green;
}
div a:hover{
background-color: Red;
}

solo ten en cuenta que al hacerlo asi la segunda regla afectara a todos los enlaces que esten dentro de cualquier capa, esto lo puedes arreglar haciendo uso del id de esa capa, tal que asi:

#capa a:hover{
background-color: Red;
}

y asi solo le afectaria a los enlaces de esa capa en concreto.

espero que te sirva, un saludo :)

P.D: ¿como hago pa poner codigo html y que no me lo interprete?

joseflorido

P.D: ¿como hago pa poner codigo html y que no me lo interprete?
en el textarea hay un boton que pone code... :)

muchas gracias meddle ;)[/code]

Bien, gracias por contestarme, he seguido vuestros consejos pero no me vá, al final, me quedo con la duda, lo que he hecho es coger el gif animado y ponerle fondo para que no salga el background del enlace general, y bueno, al menos parchea bien...

he puesto esto en el enlace para los div no sé si esta bien:
div a.enlace:link{
text-decoration: none;
color: #000099;
font-weight: normal;
}
div a.enlace:visited{
text-decoration: none;
color: #000099;
font-weight: normal;
}
div a.enlace:active{
text-decoration: none;
color: #000099;
font-weight: normal;
}
div a.enlace:hover{
text-decoration: none;
color: #000099;
font-weight: normal;
}

he metido el class="enlace" dentro de la etiqueta del &lt;a&gt; que va dentro del div, pero no me funciona segun lo arriba puesto...

¿alguna idea?
gracias

posiblemente no te funcione por el orden que estas usando para las pseudoclases. Prueba a ponerlas en este orden: link, active, hover, visited

p.d: si alguien tiene curiosidad en pq importa el orden: http://www.meyerweb.com/eric/css/link-specificity.html
q makina el meyer :)

uummm.,.,.,en principio es lógico que te siga ocurriendo puesto que no has puesto el atributo background: transparent; (o lo que quieras) a la clase enlace, entonces te coge el background de la etiqueta &lt;a&gt; genérica.

<code>div a.enlace:hover{
text-decoration: none;
color: #000099;
font-weight: normal;
background: transparent; ////// añade esto
} </code>

También podrías probar a declarar directamente:
a.enlace:hover en lugar de div a.enlace:hover , ya que utilizas nombres concretos para el estilo, más que nad por si acaso se lía le navegador con algo que tengas por otro lado.