imagen con hover + link

[arkang31]

lo que no se hacer es como agrgar un link a una imagen y ademas esta cambie de estado al poner el cursor sobre ella...... alguien me dari un ejemplo....

[PrendekZ]

html:

Código HTML:

<a href="#"><div id="img_link">Aqui el contenido de la imagen</div></a>
 

css:

Código CSS:

#img_link{
width:500px;
height:500px;
background-image:url(images/imagen.png);
}
#img_link:hover{
background-image:url(images/imagen2.png);
}
 

Listo, cualquier cosa avisame... ;)

Saludos.

[Carlangueitor]

Está mal el código que puso PrendekZ, no puedes meter un elemento de bloque dentro de un elemento inline. Lo correcto es esto:

Código HTML:

<a href="http://www.forosdelweb.com"><span>Foros del Web</span></a>
 

Código CSS:

a {
width: 150px;  /* Ancho de la imagen */
height: 150px; /* Alto de la imagen */
display: block;
background: url(images/forosdelweb.png) no-repeat; /* Imagen en estado normal */
}
 
a:hover {
background: url(images/forosdelweb_hover.png) no-repeat; /* Imagen en estado hover */
}
 
a span {
display: none;
}
 

Saludos

[kilatex123]

Gracias me a sido de gran utilidad pero como podría crear un menú aplicando estas etiquetas sin cambiar los efectos.

e intentado de muchas formas pero no me da me podrían ayudar

[ArturoGallegos]

Iniciado por kilatex123

Gracias me a sido de gran utilidad pero como podría crear un menú aplicando estas etiquetas sin cambiar los efectos.

e intentado de muchas formas pero no me da me podrían ayudar

y que te parece si mejor muestras tu codigo actual para ver las posibles soluciones, digo a mi no me queda claro que es lo que deseas obtener... la solución que ya te dieron es mas que suficiente para hacer tu menú salvo que tengas algo en el que te lo impida.

[C2am]

Para ampliar tus conocimientos:
http://www.cristalab.com/tutoriales/...-listas-c130l/

Ejemplos: www.araudi.net
Y millones más en San google

[ZoroRoronoa]

para crear un menu utiliza "listas desordenadas" (ul > li)

Y bueno, no se que más poner, las respuestas dadas estan, y una buena es la de C2am.