Ver Mensaje Individual
  #9 (permalink)  
Antiguo 18/06/2010, 02:09
VCLL
 
Fecha de Ingreso: junio-2010
Mensajes: 16
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Error con rollover de un botón

Muchas gracias. Ahora ya me sale bien. Al final no lo he echo exactamente así ya que si lo hacía así me consideraba el botón como una área de texto y pasaban cosas muy raras. Al final, el botón quedó en esto:
Código HTML:
Ver original
  1. <input type="submit" class="efecto_over" value="Entra" />
Y el css en esto:
Código CSS:
Ver original
  1. input.efecto_over{
  2.     width: 125px;
  3.     height: 37px;
  4.     background-image: url(img/input.png);
  5.     background-position: center top;
  6.     border: none;
  7.     font-family: Arial, Helvetica, sans-serif;
  8.     font-size: 14px;
  9.     background-color: transparent;
  10.     }
  11.     input.efecto_over:hover{
  12.     width: 125px;
  13.     height: 37px;
  14.     background-image: url(img/input.png);
  15.     background-position: center -37px;
  16.     border: none;
  17.     color: #FFF;
  18.     font-family: Arial, Helvetica, sans-serif;
  19.     font-size: 14px;
  20.     background-color: transparent;
  21.     }

Muchas gracias!