En este grupo En todos

Foro de CSS



duda con un enlace

john
Administrador de sistemas informáticos...
Escrito por John Peretrucci
el 02/04/2011

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!

Tato Meschini
Analista de sistemas de computación in...
Escrito por Tato Meschini
el 07/04/2011

No se si lo entendí bien, pero me parece que lo más practico es eliminar la tabla que estas utilizando y utilizar directamente una etiqueta de enlace, asignarle la imagen de fondo al la misma, algo asi:

. Elemento_texto1 { width:180px; display:block; background-image: "img/portada-grafico. Jpg"; font-family: Verdana, Geneva, sans-serif; font-weight: bold; font-size: 10px; text-decoration:none; background-color: #000; color: #fff; }

. Elemento_texto1:hover{ color: #2EAADC; }

No entiendo bien para que usas la tabla, pero desde hace tiempo no se recomienda utilizarlas para el maquetado. Probalo de esta manera, creo que te tiene que funcionar