Buenas, tengo una capa que posee una imagen y un texto y me gustaría que todo fuera un vinculo en el cual al pasar el ratón por encima de la capa que el texto cambiara de color...
En lo que tengo hecho solo se cambia cuando paso por encima del texto:
HTML:
<div class="apartados_home_elemento">
<img src="img/portada-grafico.jpg" alt="portada diseño grafico" />
<table class="tabla" width="170" cellspacing="0" cellpadding="0">
<tr>
<td><img src="img/icono-grafico.jpg" alt="icono diseño grafico" /></td>
<td class="elemento_texto1"><a href="diseno-grafico.html"><strong>Diseño gráfico</strong></a></td>
</tr>
</table>
</div>
CSS:
.apartados_home_elemento{ width:180px; display:inline-block; margin-right:80px;}
.elemento_texto1{ font-family: Verdana, Geneva, sans-serif; font-size: 10px; color:#FFF; line-height:14px; background-color:#000;}
.elemento_texto1 a:hover{color:#2EAADC;}
He intentado hacerlo insertando la etiqueta "<a...>de muchas formas y estoy por pensar que no se puede hacer...
¿Alguien me puede ayudar?
¡Muchas gracias!