Tema: Tres <div> que actúen como un solo enlace.
Ver Mensaje Individual
  #3 (permalink)  
Antiguo 18/10/2013, 04:47
jurassicboy
 
Fecha de Ingreso: agosto-2009
Mensajes: 91
Antigüedad: 15 años, 5 meses
Puntos: 2
Respuesta: Tres <div> que actúen como un solo enlace.
Muchas gracias, funciona de maravilla. Parece que el secreto esta en los display's.

En caso de que al enlace le quiera dar un selector, ¿como debería escribir el "a span" y el "a"?

Código HTML: 
Ver original
  1. <a href="index.html" id="footer_logo">
  2.             
  3. <span id="footer_logo_first">
  4. Hola
  5. </span>
  6.                     
  7. <span id="footer_logo_center">
  8. Como
  9. </span>
  10.                     
  11. <span id="footer_logo_first">
  12. Estas
  13. </span>


Código CSS: 
Ver original
  1. #footer_logo {
  2.  
  3. text-indent:-9999px;
  4. margin-right:22px;
  5. width:111px;
  6. height:45px;
  7.  
  8.  
  9. }
  10.  
  11. #footer_logo a{
  12.     display:inline-block;
  13.     width:300px; 
  14.     
  15. }
  16.  
  17. #footer_logo a span {
  18.  
  19.     display:block;
  20.  
  21. }
  22.  
  23. #footer_logo_first{
  24.  font-size:40px;
  25.  
  26. }
  27. #footer_logo_center{
  28.  
  29.   font-size:20px;
  30.   padding-bottom: 0px;
  31.   padding-top: 0px;
  32.   
  33. }

Esto anterior no funciona, a y a span no saben a qué selector me refiero.


Gracias de nuevo.