Discussion :

[francoisch]

Bonjour

Je crée un bouton avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="button" name="lien1" value="charger le document" onclick="self.location.href='lien.html'" style="background-color:#3cb371; color:white; font-weight:bold; width: 200px; height: 150px; font-size: 200%;  "onclick>

Avec des caractères un peu gros, ou un libellé un peu long, le texte ne tient pas dans le bouton.

Comment l’y faire tenir ?

De préférence automatiquement, sinon, en introduisant un <br> (j'ai essayé, sans succès).

Par avance merci de votre aide.

Francois

[Erwan31]

Bonsoir,
les br n'ont aucune incidence sur la mise en forme du texte des valeur.
La solution la plus simple serait d'avoir une taille unique suffisante pour tous les textes possibles.
Sinon il faut passer par une largeur largeur variable dynamiquement en fonction du nombres de caractère de value via de la programmation, je ne saurais pas te dire comment.

[Kerod]

Pourquoi tu n'enlèves tout simplement pas le width à 200px qui oblige le bouton à ne pas être redimensionné ?

Si c'est une obligation, ben là il faudra effectivement récupérer la longueur de la chaîne et modifier ce width soit en JavaScript ou en PHP

[francoisch]

bonjour et merci de vos réponses.

Comme j'ai plusieurs boutons, je voudrais qu'ils aient les mêmes dimensions.

Pour ça, j'aurai aimé pouvoir disposer les textes un peu longs sur 2 lignes, avec, donc, un retour à la ligne.

Première solution: si vous aviez juste le début d'une solution de calcul de la longueur du texte et d'introduction d'un retour à la ligne, j'en serai ravi.

Deuxième solution: si je dispose tous mes textes systématiquement sur 2 lignes, comment introduire manuellement un retour à la ligne dans la description du texte (value=)?

Par avance merci.

Francois