Ver Mensaje Individual
  #3 (permalink)  
Antiguo 02/07/2009, 05:24
kseso?
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 16 años, 10 meses
Puntos: 539
Respuesta: Div dentro de enlace

Hola Lunita
Un elemento que por definición es de línea (como el enlace) no puede contener elementos de bloque (como son los div´s)
Así que tienes que cambiar de planteamiento.
Hacer que un div tenga en su interior el enlace que lo ocupe por completo y haga que todo el div se comporte como el enlace.

Algo así: (editado para jugar un poco con css)
Código css:
Ver original
  1. <style type="text/css">
  2. * {margin:0;padding:0; border:0; position: relative;}
  3. #contenedor {
  4. width: 600px;
  5. margin: 0 auto;
  6. background: #444;
  7. padding: 10px;
  8. color: #cdcdcd;
  9. }
  10. .div_enlace {
  11. width: 10em;
  12. height:5em;
  13. }
  14. a {
  15. display: block;
  16. width: 100&#37;;
  17. height: 100%;
  18. text-decoration: none;
  19. background: #777;
  20. }
  21. a:hover {background: #f60;}
  22. .div_enlace span {
  23. position: absolute;
  24. top: 1.8em;
  25. left: 5px;
  26. font-size: 1em;
  27. color: #777;
  28. }
  29. .div_enlace:hover span {
  30. color:#cdcdcd;
  31. border: 1px inset #444;
  32. background: #444;
  33. }
  34. </style>
y en el html
Código html:
Ver original
  1. <div id="contenedor">
  2.     <div class="div_enlace">
  3.         <a href="#" tittle="un enlace gordo"></a>
  4.         <span>Yo no soy enlace</span>
  5.     </div>
  6. </div>

Un saludo

Para los 174
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 02/07/2009 a las 05:51