Largeur des boutons (RESOLU)

Largeur des boutons (RESOLU) - HTML/CSS - Programmation

Marsh Posté le 27-06-2002 à 17:15:25    

Bonjour,
 
Voici le code de mes boutons :
<input type="button" value="Re-soumettre" width="20" height="10">
<input type="button" value="Supprimer" width="20" height="10">
<input type="button" value="Créer traitement" width="20" height="10">
 
Mon problème est qu'à l'écran, ils ne font pas la même largeur (ni sous IE6, ni sous Netscape)
 
Une idée??
Merci d'avance.


Message édité par John_Difool le 03-10-2002 à 16:26:52

---------------
Aussi haut qu'on monte, on finit toujours par des cendres...
Reply

Marsh Posté le 27-06-2002 à 17:15:25   

Reply

Marsh Posté le 27-06-2002 à 17:21:22    

Vu le texte que tu mets dans tes boutons, ça va sûrement dépasser les 20 pixels en largeur.

Reply

Marsh Posté le 27-06-2002 à 17:27:15    

Nan! Le texte le plus long fait 16 caractères.
De toute façon, avec 40 au lieu de 20, cé pareil...


---------------
Aussi haut qu'on monte, on finit toujours par des cendres...
Reply

Marsh Posté le 27-06-2002 à 17:55:11    

il me semble qu'on peut mettre
 
<input .... size="40"
ou
<input .... width="40"
ou un truc du genre
 

Reply

Marsh Posté le 27-06-2002 à 17:56:41    

<input type="button" value="Re-soumettre" height="10" style="width: 100px;"><br>
 
<input type="button" value="Supprimer" style="width: 100px;" height="10"><br>
 
<input type="button" value="Créer traitement" style="width: 100px;" height="10">


---------------
All we need is a soul revolution
Reply

Marsh Posté le 27-06-2002 à 17:57:15    

il faut mettre size="40" et non width="40"

Reply

Marsh Posté le 27-06-2002 à 18:32:02    

size ne marche pas avec type="button"
width n'existe pas dans l'élément INPUT
 
Le mieux est d'utiliser une style :
 
input.bouton {
  height: 20px;
  width: 150px;
}
 
et de mettre dans l'élément INPUT : class="bouton"
 
john_difool : la propriété width ne prend pas comme valeur le nombre de caractères qu'il y a dans l'INPUT, mais une longueur en pixels.

Reply

Marsh Posté le 28-06-2002 à 16:09:59    

tag

Reply

Marsh Posté le 03-10-2002 à 15:54:50    

Merci à tous  :jap: ,  
et surtout à kayasax et gm_superstar qui apportent la solution... :bounce:  :bounce:  :bounce:  
 
 :ange: En espérant vous être utile un jour...  :ange:  
 

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed