hipervínculos en divs

[tonieet]

una pregunta! se pueden usar imagenes metidas dentro de divs como background, para hacer hipervinculos? a ver si me explico:

tengo preparadas las típicas imagenes del menu que quiero que se sustitullan al pasar el cursor por encima i luego al pulsar me lleve a la pagina indicada, pero no se como lo tengo que hacer, en html si pero con los divs no se hacerlo.
Algún experto me puede hechar un cable? gracias!

[pzin]

A un enlace puedes ponerle un fondo si es necesario. No hace falta ningún otro elemento.

http://www.forosdelweb.com/wiki/CSS:...cia:background

[tonieet]

nu entiendu nara.....

yo lo que quiero es que la imagen que tengo dentro de un div se me cambie por otra al pasar el cursor por encima... y que a su vez esa imagen sea un link

[caricatos]

Hola:

Puede que en vez de un div te interese un mapa de imágenes... sabes de algún ejemplo para indicárnoslo...

Un ejemplo de mapa con rollover de imagen: Mapa de España.

Saludos

[Derzz]

Yo creo qe seria mas facil un esqema asi

Código HTML:

<div id="#hola">
<a>aqi iria tu imagende fondo</a>
</div>
 

Css
Teniendo encuenta una imagen primera de 20x20pixeles y otra segunda de igual tamaño

Código CSS:

#hola a{
display:block;
width:20px;
height:20px;
background:url(aqi_ruta de tu imagen), center center no-repeat;
} 
#hola a:hover{
background:url(imagen qe se cambiara al pasar el cursor) center center no-repeat;}
 

por lo general yo crearia una imagen de doble alto para qe asi el navegador haga una sola carga XDD

[tonieet]

Ya he solucionado el problema! Resulta que no me dejaba hacer el mapa de imagen por que había metido la imagen desde la hoja de estilos CSS y no desde HTML.

jeje fallo de principiante gracias por el consejo caricatos he estado probando el codigo que me has pasado Derzz y no me ha funcionado.

Por las pruebas que he estado haciendo creo que lo mejor es crear un div con el mismo tamaño de la imagen que vas a utilizar y con el propio dreamweaver crear un código con la opción de: imagen de sustitución, que trae el propio dreamweaver y meter ese código en el div.

O si no como decias caricatos, con un mapa de imagen pero metiendo la imagen en un div desde el codigo HTML y no desde CSS que es lo que hacia yo (torpe que soy! )

Gracias por la ayuda chicos!