Bonjour!!!
Est-il possible de faire un retour à la ligne dans la value d'un input de type button?
EDIT: désolé, c'est la première fois que j'oublie de dire bonjour
Bonjour!!!
Est-il possible de faire un retour à la ligne dans la value d'un input de type button?
EDIT: désolé, c'est la première fois que j'oublie de dire bonjour
Bonjour à toi aussi...
Non je ne pense pas
A+
je ne crois pas non plus que ce soit possible !
A part si t'y arrives en utilisant la CSS !
tu fixes la taille de ton bouton. Tu crées une classe pour le texte que tu mets dessus et tu fixes aussi le width !
mais bon je n'y crois pas trop!
Je pense aussi que c'est completement infaisable... Mais si tu y arrives, ça peut être marrant
Si si si...
C'est bourrin et laid, mais (un retour à la ligne dans le value) :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <input type="button" value="Ligne1 Ligne2"/>
J'aime bien ce genre de réponse
Tu te dis "non mais l'autre, un retour dans le code et ça donne un retour dans le submit... Pffff"
Chapeau giragu03
Et compatible FF et IE en plus !
PS : j'ai même mis 5 étoiles.... Non, vraiment, chapeau bas...
Ô con ! C'est vrai en plus !!
EDIT: je vais faire mon chieur, mais ça marche pas sous Opera !!
Eh, xk155, tu serais pas un peu pénible non ?
Une combine comme ça qui marche sur FF et IE c'est quand même énorme !
Alors oui faut faire des sites compatibles avec plein de navigateurs mais là, pour une fois, au diable les petits
Merci des compliments.
Pour info, ce code est du HTML 4.01 strict (validé sur le site du w3c)
Donc après si Opéra ne respecte pas les standards, je n'y peux rien
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>test</title> </head> <body> <p> <input type="button" value="Ligne1 Ligne2"/> </p> </body> </html>
Solution plus facile est beaucoup plus propre :
En PHP par exemple :
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <?php $button = "Texte sur\ndeux lignes"; ?> <input type="button" value="<?php echo $button ?>" />
Au final, le code généré sera celui que j'ai proposé, non ?
Ca a le mérite d'être beaucoup plus lisible, mais nécessite que le serveur supporte le php.
Certes, mais je trouve ça beaucoup plus lisible quand tu dois retravailler ton code.Envoyé par giragu03
Ou un autre langage serveur, mais en général, quasiment tous sont équipés maintenant.Envoyé par giragu03
sans utiliser PHP :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2<input type="button" value="Texte 
 sur deux lignes" id="idButton" />
notes :
- avec 
 IE fait un retour à la ligne mais pas Firefox ;
- avec 
 IE et Firefox font un retour à la ligne (donc avec la combinaison 
 
 IE fait 2 retours à la ligne ! ) ;
- Opéra ? je ne sais pas .
On peut pas mettre plus de 5 étoiles, hein, c'est ça ?
Non parce que ça si c'est pas un sujet sympa !
La combinaison des deux (CR (
) + LF(
)) fait bien un seul retour à la ligne sous IE 7 et Firefox 2.0.0.4, ce qui est cohérent car un retour à la ligne c'est CR+LF.
Mais c'est peut-être l'ordre qui fait la différence.
Enfin une solution HTML élégante.
L'ordre n'a pas d'importance. En fait j'avais deux retours à la ligne sous IE (je suis toujours à la version 5 ) car j'ajoutais un espace entre les deux caractères donc il faut écrire le texte dans le bouton de cette manière :Envoyé par giragu03
pas espace avant le 
, ni entre 
 et 
, ni après le 
 (et l'ordre n'a a priori pas d'importance ).
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 <input type="button" value="Texte

sur deux lignes" id="idButton" />
On pourra remarquer également que par défaut, le texte est aligné à gauche sous IE et centré sous FF
on peut l'ajouter dans la FAQ si ce n'est pas déjà fait .Envoyé par Strix
Ok, je sors...Eh, xk155, tu serais pas un peu pénible non ?
Sérieusement, bravo pour cette solution. C'est du propre.
Félicitation pour la solution et merci à tous!!!
Pour une fois que j'engage un sujet sympa.
Erf, je peux pas mettre d'étoiles à mon conversation.
Bonjour,
Sinon il y a aussi "white-space: pre-wrap;" dans le CSS.
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager