Sujet Précédent Sujet Suivant

HTML - définir taille bouton

Diva -  
 Utilisateur anonyme -
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
A voir également:

5 réponses

Réponse 1 / 5
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
84
Bonobo
 
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 1289 Date d'inscription   Statut Membre Dernière intervention   220
 
@Bonobo : faut regarder les dates de temps en temps avant de poster ... 25 mai 2005 à 14:12 !
-9
Humain
 
Son commentaire n'en est pas moins judicieux... et utile ;-)
0
test
 
tout à fait !!
0
Utilisateur anonyme
 
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
Ajustement automatique taille de la page
52322 -
sevrain90130 -

39 réponses
taille des input
vanessa -
blackcat -

20 réponses
comment agrandir une image en css
Lili_754 -
Lili_754 -

3 réponses
Changer la taille d'un seule input
ProgProject -
jordane45 -

1 réponse