Hola, estoy desarrollando un sitio con muchas imágenes.
http://karimetion.icebreezestudios.com/productos.html
El problema es que en las imágenes que dice "productos" "baños" etc, hay un link y no se muestra cuando pasas el cursor.
Este es mi HTML
<a href="http://www.facebook.com/DisenoCortes"><img src="images/productos2.png" class="pro"></a>
<a href="index.html"><img src="images/cocinas.png" class="cocinas"></a>
<a href="index.html"><a href="index.html"><img src="images/azulejos.png" class="azu"></a>
<a href="index.html"><img src="images/banos.png" class="ba"></a>
<a href="index.html"><img src="images/muebles.png" class="muebles"></a>
<a href="index.html"><img src="images/pisos.png" class="pisos"></a>
Y este es mi CSS
.pro{
position: absolute;
margin-top:-300px;
margin-left: -923px;
width: 300px;
height: 75px;
}
.cocinas{
position: absolute;
margin-top: -300px;
margin-left: -615px;
}
.azu{
position: absolute;
margin-top: -219px;
margin-left: -923px;
}
.ba{
position: absolute;
margin-top: -137px;
margin-left: -923px;
}
.muebles{
position: absolute;
margin-top: -219px;
margin-left: -615px;
}
.pisos{
position: absolute;
margin-top: -137px;
margin-left: -615px;
}
.slider2{
margin-top: -50px;
margin-left: 23px;
width: 607px;
height: 385px;
}
Les agradecería me ayudaran. ¡Saludos!