Hola.
Después de intentar bastantes cosas, me doy por vencido y os pido ayuda con las capas.
Lo que quiero tener son 3 capas colocadas una junto a la otra (en forma de 3 columnas), cada una de las cuales contiene una imagen.
Quiero que las imágenes se encuentren centradas en la capa (tanto horizontal como verticalmente) y que la capa entera funcione como link a otra página.
Además, quiero que al pasar el ratón por encima de ellas, el fondo de la capa cambie de color.
Os dejo a continuación la base del código que tengo hasta ahora, a ver si me podéis echar una mano.
Código:
ESTILO:
.left{
height:150px;
width:180px;
float:left;
}
.center{
height:150px;
width:180px;
float:left;
}
.right{
height:150px;
width:180px;
float:left;
}
.navenlace6{
margin:0;
padding: 0px;
text-decoration: none;
width: 540px;
height:150px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
display: block;
float:left;
}
.navenlace6 A{
display: block;
text-decoration: none;
}
.navenlace6 A:hover{
background-color: #F5F5F5;
}
Código:
Código Web:
<DIV class="navenlace6">
<DIV class="left">
<div align="center">
<p><img src="pictures/m-182.jpg" width="150" height="113" /></p>
</div>
</DIV>
<DIV class="center">
<div align="center">
<p><img src="pictures/m-182.jpg" width="150" height="113" /></p>
</div>
</DIV>
<DIV class="right">
<div align="center">
<p><img src="pictures/m-inc.jpg" width="150" height="113" /></p>
</div>
</DIV>
</DIV>