Tema: convertir un div en un enlace
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/11/2013, 10:14
Avatar de Faks
Faks
 
Fecha de Ingreso: junio-2012
Mensajes: 26
Antigüedad: 11 años, 10 meses
Puntos: 1
Respuesta: convertir un div en un enlace
Si es para hacer un boton, proba esto:

Código HTML: 
Ver original
  1. <a href="#" class="boton">Texto de prueba</a>

Código CSS: 
Ver original
  1. a {
  2.     padding: 0;
  3.     margin: 0;
  4.     text-decoration: none;
  5. }
  6.  
  7. a.boton {
  8.     display: block;
  9.     width: 332px; 
  10.     height: 41px;
  11.     background-color:#2fb983;
  12.     position:inherit;
  13.     float:left;
  14.     color:#FFF;
  15.     padding:80px 0 0 20px;
  16.     font-size:22px;
  17. }
  18.  
  19. a.boton:hover { background:#dd0028; }

Con el "display: blocK" haces que se comporte prácticamente como un div.
Acá la demo:

Código HTML: 
Ver original
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4.  
  5. <style>
  6. a {
  7.     padding: 0;
  8.     margin: 0;
  9.     text-decoration: none;
  10. }
  11.  
  12. a.boton {
  13.     display: block;
  14.     width: 332px; 
  15.     height: 41px;
  16.     background-color:#2fb983;
  17.     position:inherit;
  18.     float:left;
  19.     color:#FFF;
  20.     padding:80px 0 0 20px;
  21.     font-size:22px;
  22. }
  23.  
  24. a.boton:hover { background:#dd0028; }
  25.  
  26. </style>
  27.  
  28. </head>
  29. <body>
  30.  
  31. <p><a href="#" class="boton">Texto de prueba</a></p>
  32.  
  33. </body>
  34. </html>