HTML - définir taille bouton [Fermé]
Signaler
Diva
-
lermie12
lermie12
- Messages postés
- 21
- Date d'inscription
- jeudi 11 octobre 2018
- Statut
- Membre
- Dernière intervention
- 18 mars 2020
A voir également:
- Taille bouton html
- Taille bouton css - Meilleures réponses
- Css taille bouton - Meilleures réponses
- HTML - définir taille bouton - Forum - HTML
- Agrandir Button (input) en CSS ✓ - Forum - CSS
- Html : taille d'un bouton - Forum - HTML
- Taille d'un bouton Submit - Forum - Programmation
- Taille image html ✓ - Forum - Internet / Réseaux sociaux
5 réponses
maw
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
<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
Erdnax
- Messages postés
- 2273
- Date d'inscription
- mercredi 1 octobre 2003
- Statut
- Contributeur
- Dernière intervention
- 1 octobre 2007
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 ;)
et pour chaque bouton :
@+
<style type="text/css"> .btn_taille_egale{ width:130px; } </style>
et pour chaque bouton :
<input type="submit" value="Envoyer" class="btn_taille_egale">
@+
Eric
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>
<style type="text/css">
.btn{
width:100%;
}
</style>
slash4u
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>
PS: le code des boutons est forcément <button>
Erdnax
- Messages postés
- 2273
- Date d'inscription
- mercredi 1 octobre 2003
- Statut
- Contributeur
- Dernière intervention
- 1 octobre 2007
Trouve des textes de la même longueur, ou essaie de mettre des espaces avant et après les textes plus court...
@+
@+
et avec ça ne marche pas...