Foros del Web » Creando para Internet » CSS »

cuadrar boton con imagen dentro

Estas en el tema de cuadrar boton con imagen dentro en el foro de CSS en Foros del Web. Hola. Tengo este codigo @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código HTML: Ver original < html > < head >   < style >   button{     height:20px; ...
  #1 (permalink)  
Antiguo 04/03/2011, 12:54
 
Fecha de Ingreso: mayo-2009
Mensajes: 742
Antigüedad: 14 años, 11 meses
Puntos: 6
cuadrar boton con imagen dentro

Hola. Tengo este codigo

Código HTML:
Ver original
  1.  
  2.  
  3. button{
  4.     height:20px;
  5.     width:20px;
  6.     padding:0px;
  7.     margin:0px;
  8.     border:0px;
  9.     text-decoration:none;
  10.     background:none;
  11. }
  12.  
  13. #imagen{
  14.     height:20px;
  15.     width:20px;
  16.     padding:0px;
  17.     margin:0px;
  18.     border:0px;
  19. }
  20.  
  21.  
  22. </head>
  23.  
  24.  
  25. <button id="boton"><img id="imagen" src="imagenes/modificar.png" /></button>
  26.  
  27. </body>
  28. </html>

Pero soy incapaz de cuadrar la imagen en el boton, siempre queda un margen a la izquierda, no se, es una cosa un poco extraña. La imagen es 20x20 px.

A ver si me podeis ayudar. Gracias. Un saludo.
  #2 (permalink)  
Antiguo 05/03/2011, 08:26
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 15 años, 10 meses
Puntos: 1012
Respuesta: cuadrar boton con imagen dentro

prueba de esta manera. olvida el selector button
Cita:
img{
height:20px;
width:20px;
}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:16.