Foros del Web » Creando para Internet » CSS »

Tamaño minimo botones

Estas en el tema de Tamaño minimo botones en el foro de CSS en Foros del Web. Estoy intentando crear botones de 8px por 8px. Pero tanto en Chrome como en Safari (en IE y Firefox aun no he mirado) no me ...
  #1 (permalink)  
Antiguo 09/07/2010, 03:48
 
Fecha de Ingreso: marzo-2010
Mensajes: 7
Antigüedad: 7 años, 9 meses
Puntos: 0
Tamaño minimo botones

Estoy intentando crear botones de 8px por 8px. Pero tanto en Chrome como en Safari (en IE y Firefox aun no he mirado) no me dejan hacer botones con un ancho menor de 12px. ¿Esto es normal?

Porque lo he revisado todo y no veo ningun fallo asi que solo me ocurre que sea una limitación del navegador.

Aqui os pongo el css:

width: 8px;
max-width: 8px;
height: 8px;
border: none;

Y no es porque otro lo sobreescriba, lo he inspeccionado y lo usa, ademas hasta he probado de ponerlo con style y hace lo mismo.

Gracias de antemano.
  #2 (permalink)  
Antiguo 09/07/2010, 04:03
 
Fecha de Ingreso: mayo-2010
Mensajes: 84
Antigüedad: 7 años, 7 meses
Puntos: 0
Respuesta: Tamaño minimo botones

Prueba este código, podrás darle los valores que quieras. Utiliza un código de reseteo de componentes en css, para quitarle valores por defecto que usan ciertos navegadores.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,input {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
margin-top: 0px;
}

.Estilo1 {
width: 8px;

height: 8px;
border: none;


}
-->
</style>
</head>

<body>

<form id="form1" name="form1" method="post" action="">
<label>
<input type="submit" name="Submit" value="Enviar" class="Estilo1"/>
</label>
</form>
</body>
</html>
__________________
http://www.pcexpansion.es
  #3 (permalink)  
Antiguo 09/07/2010, 04:07
 
Fecha de Ingreso: marzo-2010
Mensajes: 7
Antigüedad: 7 años, 9 meses
Puntos: 0
Respuesta: Tamaño minimo botones

Muchas gracias eso lo ha arreglado.

Edit: El fallo estaba en el padding.

Etiquetas: botones, tamaño
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 10:02.