El mi link de mis imágenes no funciona.

[estarriol91]

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!

[comodoo]

Hola estarriol91, usando el inspector de Chrome he visto que tienes algunos problemas en la maquetación. Tienes varios div ( slider-wrapper, slider), que no contienen nada y eso hace que empujen a los enlaces hacia abajo. Si usas firebug o usando google chrome>boton derecho>inspeccionar propiedades, veras que tienes los enlaces fuera de esos div´s. Tienes los enlaces a la altura de la fotografia grande de esa página. Ya te digo, creo que es problema de la maquetación. Échale un vistazo a cualquier tutorial de Firebug o Chrome inspector que te ayudará bastante.

Suerte.