Padding en los input button
Un problema con el que podemos encontrarnos a la hora de maquetar una web es el espacio entre el value de los input button y el borde de éstos. Con navegadores que respetan los estándares no hay ningún problema, pero con IE hay que saber que el espacio entre el value y el borde es directamente proporcional al tamaño de texto; es decir, a mayor texto de value, mayor el espacio de padding.
Por ejemplo este botón con un texto largo:
Si probamos a verlo IE, observaremos el excesivo espacio que deja. Se trata de otro bug de IE.
Podemos solucionar este inconveniente si le aplicamos al botón un estilo como
...de tipo button" style="overflow:visible;" />
Solamente aplicando esto, conseguimos que el espacio se reduzca al mínino, quedando el texto pegado al borde del botón. Si ahora necesitamos darle un espacio, no tenemos más que jugar con el padding.
...de tipo button" style="overflow:visible;padding:0 5px;" />
y tendremos el botón como muestra:
Gracias, compañero!
Ahora mismo estaba haciendo una aplicación con buttons a diestro y siniestro y me estaba tocando las narices tanto espacio. Había probado mil cosas pero ni d coña lo que has propuesto.
Funciona de luxe!
Interesante aporte, es una recomendación que hasta ahora habíamos pasado por alto, a pesar de las veces que nos hemos encontrado entos detalles.
Gracias Colega!!
Un Saludo.