Création
d'entreprise
Posez votre question Signaler

HTML - définir taille bouton

Diva - Dernière réponse le 11 nov. 2011 à 10:42
Bonjour,

J'essaie de faire plusieurs boutons de même dimension, sauf que celle ci varie en fonction du texte inscrit sur le bouton...

Je parle de boutons de boutons de formulaire de ce genre :

<form>
<input type="button" name="nom"...

j'ai essayé width et size mais ça ne marche pas, quelqu'un aurait-il la solution ? merci
Lire la suite 

HTML - définir taille bouton »

7 réponses
Réponse
+32
moins plus
Je me suis posé la même question dans un projet, je te donne la solution avec un exemple parlant :

<input type="submit" value="Envoyer" style="width:130px">

En fait il suffit de rajouter l'attribut style, qui permet de définir la taille du bouton en pixels. Tu mets la même taille sur tous tes boutons, et le tour est joué.

Bon courage.

Maw
Ajouter un commentaire
Réponse
+30
moins plus
En pour compléter cette bonne solution, si tu as plusieurs boutons à paramétrer de la sorte, tu peux définir un style pour la page, et mettre les propriétés dedans. L'avantage, c'est que lorsque tu modifie le paramètre, tu ne le fais qu'une fois ;)
<style type="text/css">
.btn_taille_egale{
   width:130px;
}
</style>

et pour chaque bouton :
<input type="submit" value="Envoyer" class="btn_taille_egale">

@+
Ajouter un commentaire
Réponse
+3
moins plus
Si en plus tu as envie que les boutons prennent tous, la taille du plus grand d'entre eux, tu change le style :

<style type="text/css">
.btn{
width:100%;
}
</style>
zikah.com - 8 déc. 2009 à 23:37
<button type="button" style="background:white; cursor:hand; border:solid 1px black;"
style="background:white; cursor:hand; border:solid 1px black;"
onclick="JavaScript: alert('Bouton Image')">
<img src="../Images/ICO_Home.gif">
</button>
Ajouter un commentaire
Réponse
+0
moins plus
fait une page CSS dans laquel tu inscrit simplement button { width: 130px; } et si ensuite tu relie ta page html avec ta page CSS tes bouton fairont tous la meme taille
PS: le code des boutons est forcément <button>
Ajouter un commentaire
Réponse
-19
moins plus
Trouve des textes de la même longueur, ou essaie de mettre des espaces avant et après les textes plus court...

@+
Zewoble - 17 juin 2011 à 10:27
Mdr moi je dit !!!
Mon pauvre Erdnax t'est tu trompée de poste ? =o
Ajouter un commentaire
Ce document intitulé « HTML - définir taille bouton » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?