PHP - Résultat différent entre Firefox et Chrome (bouton avec retour ligne)

**jp38vie** · 08/07/2020, 15h52

Bonjour,

Je voudrais afficher un bouton sur 2 lignes

https://www.w3schools.com/php/phptry...ryphp_comments
Code de test

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<body>
 
<?php
$button = "Texte sur\ndeux lignes";
?>
<input type="button" value="<?php echo $button ?>" />
 
</body>
</html>

Sous Firefox : ca marche et pas sous Chrome...
--> Avez-vous une idée ?

Nom : chrome.PNG
Affichages : 2287
Taille : 14,2 Ko

Nom : firefox.PNG
Affichages : 2397
Taille : 14,4 Ko

**grunk** · 08/07/2020, 16h03

Ce n'est pas un problème de PHP.

Pour ce genre de problématique il faut mieux se trouner vers du CSS et dimensionner le bouton comme on veux :
Ou encore simplement faire les saut de ligne en html

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>
<html>
<body>
 
<?php
$button = "Texte sur deux lignes";
?>
<!-- CSS -->
<input type="button" value="<?php echo $button ?>" style="white-space: normal;width: 100px;" />
<br />
<!-- OU HTML-->
<button>Texte sur<br /> deux lignes</button>
</body>
</html>

**jp38vie** · 08/07/2020, 16h17

Oui ça marche avec <br /> mais j'aimerais créer les boutons avec PHP...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<body>
 
<?php
$rc = "<br />";
$button = '<input type="button" value="Texte sur';
$button .= $rc;
$button .= 'deux lignes"/>';
 
echo $button;
?>
 
</body>
</html>

Nom : chrome.PNG
Affichages : 2081
Taille : 16,9 Ko

**grunk** · 08/07/2020, 17h16

Tu ne peux pas mettre de "<br>" ni quelconque HTML dans une valeur d'attribut.
Donc, soit tu créer ton bouton avec <button>ce que tu veux ici</button> (en php si ca te chante) soit tu utilises du css comme dans mon premier exemple

**jp38vie** · 08/07/2020, 18h31

OK peux-tu peux me donner un ex en PHP dans ce cas même avec du css (je pense que c'est la meilleure solution) ?

**jp38vie** · 08/07/2020, 21h17

Autant pour moi : ça fonctionne

Code :

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

echo '<button id="btn_art1" name="SALADE PARISIENNE">SALADE PARISIENNE<br>7.50</button>';

Encore merci de ton aide !

PHP - Résultat différent entre Firefox et Chrome (bouton avec retour ligne)

Langage PHP

Discussions similaires

Partager

Partager