Espace entre bordure d'un bouton et texte

**mommo333** · 14/06/2011, 17h01

Bonsoir,

Après de longues recherches sans résultats sur Google je tente ma chance ici...

J'ai un bouton <input type="button" value="Mon nom de bouton" /> et un autre qui a comme value uniquement "test". Mon problème est concernant le premier bouton, l'espace est trop grand entre la bordure du bouton et le texte. J'ai attaché une capture d'écran. Le résultat devrait être le même que celui du deuxième bouton! (Petit parenthèse, le deuxième bouton s'affiche correctement car le texte n'est pas plus grand que "test"

)

Comment supprimer cet espace de côté du texte? Est-ce que tout simplement possible?

Merci d'avance pour votre aide et une bonne soirée.

**Vil'Coyote** · 14/06/2011, 19h12

l'espacement et la forme dépend de ton navigateur.

**12monkeys** · 16/06/2011, 12h30

Bonjour

Tu peux modifier le style de ce bouton avec CSS et notamment réduire sa largeur (width).

http://a-pellegrini.developpez.com/t...ss/formulaire/
http://j-willette.developpez.com/tut...ss/formulaire/

**function_Help** · 16/06/2011, 22h03

Hello,

Pour completer les dires de 12monkeys tu es même obliger de recourir à l'utilisation de style ou de css pour "customiser" ton input.

Tu peux soit :
faire appel à une feuille de style (.css) exterieur
déclarer une balise <style></style> dans ton <head> et y déclarer un bloc de déclaration
ou dans le cas d'une utilisation unique, styliser "au vol" ton input
ex : <input type="submit" style="background: red; width: 400px;" value="pouet">

Enjoy

**mommo333** · 17/06/2011, 07h40

Bonjour,

Un grand merci déjà pour vos réponses, je vais tenter tout ça et vous redire quoi, comment

Bonne journée à tous

Espace entre bordure d'un bouton et texte

HTML

Vue hybride

Discussions similaires

Partager

Partager