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

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
81
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
232
9 janv. 2013 à 20:05
@Bonobo : faut regarder les dates de temps en temps avant de poster ... 25 mai 2005 à 14:12 !
0
Son commentaire n'en est pas moins judicieux... et utile ;-)
0
tout à fait !!
0
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