link a div

wawi · #1 (**permalink**) 06/10/2009, 12:36

hola gentee, estoy intentando hacer lo siguiente

<a href="pagina.php"><div id="imagen">blablabla</div></a>

en firefox todo de 10 pero en IE 6 y 7 funciona mal el link, hago efecto de hover y funciona re cuando paso el mouse cambia el fondo de la capa pero cuando saco el mouse la imagen no se vuelve al estado normal. en resumen, se puede encerrar una capa con una etiqueta a??

algo asi estoy intentando hacer, o estoy flasheando?

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
  <style type="text/css"> 
  
      a #imagen
      {
        height: 400px;
        width: 400px;
        background-color:#0000FF;
      }
      
      a:hover #imagen
      {
        background-color:#00CC00;
      }
  
  </style> 
 </head> 

<body>


<a href="pagina.php"><div id="imagen"></div></a>


</body>
</html>

byee Saludos!

kseso? · #2 (**permalink**) 06/10/2009, 12:49

No.
Un elemento "de línea" no puede contener uno "de bloque".

wawi · #3 (**permalink**) 06/10/2009, 12:56

entonces lo unico que puedo hacer es dar link a el contenido de adentro de la capa, que es un texto y una imagen, al hacer esto, puedo conseguir que la capa cambie su fondo con css o tengo que utilizar javascript si o si?

byee saludos

kseso? · #4 (**permalink**) 06/10/2009, 12:59

Cualquier navegador soporta la pseudoclase ":hover" aplicada a cualquier elemento (tag), excepto el espectro de navegador que todavía sigue entre nosotros. Esa cosa sólo la sabe aplicar a los enlaces ("a:hover")

Un saludo

P.D.: supongo que sabes cuál es el engendro

wawi · #5 (**permalink**) 06/10/2009, 13:05

jaaj bueno entonces para no complicarme tanto utilizare javascript

byee slaudos y muchas gracias :)