uhmmm, a ver veamos, quieres crear un div por Link y que este cambie de imágen cada vez que hagas en hover, pues es algo sencillo de hacer. Pero quiero saber algo más, el div que creas para cada link ¿Tienes algún otro tipo de contenido o es solo el link?
Si es solo el link, podrías hacer lo siguiente:
Digamos que tu estructura es esta:
Entonces tu CSS debería ser:
Código CSS:
Ver original<!-- primero ponemos el CSS del div que quieres que sea el contenedor,
solo voy a establecer el ancho y el alto-->
div#uno{
width:200px;
height:80px;
}
<!--Y ahora el CSS del link para que ocupe todo ese espacio-->
a#unomas{
display:block; <----- Importante, tenemos que darle un display block.
width:100%;
height:100%;
background: url(miimagen.jpg) repeat left top;
}
<!--Y ahora el clásico del hover -->
a#unomas:hover{
background: url(miotraimagen.jpg) repeat left top;
}
Simple y sencillo de hacer. El display Block, le permite al link especificar propiedades como el ancho, el alto, la alineación de texto, etc etc.
Espero que te sirva, por cierto, la ayuda se pide en el foro, no se pide que te agreguen al mail.
saludos!!