Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/11/2013, 10:14
Avatar de Faks
Faks
 
Fecha de Ingreso: junio-2012
Mensajes: 26
Antigüedad: 12 años, 6 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.  
  3. a {
  4.     padding: 0;
  5.     margin: 0;
  6.     text-decoration: none;
  7. }
  8.  
  9. a.boton {
  10.     display: block;
  11.     width: 332px;
  12.     height: 41px;
  13.     background-color:#2fb983;
  14.     position:inherit;
  15.     float:left;
  16.     color:#FFF;
  17.     padding:80px 0 0 20px;
  18.     font-size:22px;
  19. }
  20.  
  21. a.boton:hover { background:#dd0028; }
  22.  
  23.  
  24. </head>
  25.  
  26. <p><a href="#" class="boton">Texto de prueba</a></p>
  27.  
  28. </body>
  29. </html>