Sujet Précédent Sujet Suivant

HTML - définir taille bouton

Fermé
Diva - 19 mai 2005 à 11:24
 Utilisateur anonyme - 27 août 2019 à 12:06
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

5 réponses

Réponse 1 / 5
maw
25 mai 2005 à 14:12
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
82
Bonobo
9 janv. 2013 à 20:00
Oui, et de plus, étant donné que tu incorpore un ligne de CSS, tu peux aussi en profiter pour y ajouter quelques modifications et décorations (couleur, effets et autres).
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 224
9 janv. 2013 à 20:05
@Bonobo : faut regarder les dates de temps en temps avant de poster ... 25 mai 2005 à 14:12 !
-8
Humain
4 juin 2013 à 11:20
Son commentaire n'en est pas moins judicieux... et utile ;-)
0
test
10 nov. 2013 à 13:12
tout à fait !!
0
Utilisateur anonyme
Modifié le 27 août 2019 à 12:08
Sauf que moi je ne sais pas comment faire pour mettre avec ce code: 


<[/contents/242-introduction-au-dynamic-html-dhtml div] class="box">
  <button>Commencez maintenant</button>
  <style>
      button{
          font-size: 10em;
          font-family: Arial, Helvetica, sans-serif;
          padding: 10px;
          border: none;
          background-color: green;
          color: white;
          border-radius: 3px;
          box-shadow: 6px 6px 20px 4px rgba(0, 0, 0, 0.3);
          cursor: pointer;
          outline: none;
          transition: 0.2s;
      }

      button:hover{
          transform: scale(1.01);
          box-shadow: 6px 6px 25px 4px rgba(0, 0, 0, 0.18);
      }
      button:active{
          transform: scale(0.98);
          box-shadow: 6px 6px 18px 2px rgba(0, 0, 0, 0.23);
      }
  </style>

</div>

et avec 
width: 200px;
height: 150px;
ça ne marche pas...
0

Discussions similaires

Comment redimensionner des images via HTML ?
gro -
Sniper25 -

12 réponses
html : taille d'un bouton
Claire -
Stéphane -

4 réponses
HTML remonter en haut d'une page
miklb -
ufuly -

10 réponses
Ajustement automatique taille de la page
52322 -
sevrain90130 -

39 réponses
taille des input
vanessa -
blackcat -

20 réponses
[HTML/CSS] Position bouton.
Bassre -
CHAMBAH -

15 réponses