Détecter les retours à la ligne automatique pour mise en forme [Résolu]

[cedrick21]

Bonjour,

je sais d'avance que ma demande est impossible mais peut-être y a-t-il un moyen de contourner le problème ?

J'ai un texte qui vient de la BDD et que j'affiche à l'écran.
Ce texte est une liste de caractéristiques techniques de produits high tech.
Le texte est présenté sous cette forme :
- Horloge de bureau avec projection de l'heure en rouge.
- Cette horloge a différentes fonctions telles que prévisions météo,
alarme, affichage date/heure, hygromètre, thermomètre ( en °C en °F)
- Ecran LCD.
- Dimensions (cm) : 11 x 15 x 2

Le problème c'est que le retour à la ligne d'un texte trop long aligne le texte avec le tiret (-) or mon patron veut absolument que le texte qui revient à la ligne soit aligné avec le texte du dessus et non le tiret. J'espère que j'arrive à être clair dans mes explications

Le soucis c'est que je ne peux pas supprimer les tirets (obligation de les afficher) et que je ne peux pas modifier le texte en BDD.

Si vous avez une idée pour réaliser ce que je veux je suis preneur

Merci d'avance

[Bovino]

Je vois pas trop le rapport avec PHP...
Regarde du coté de la propriété CSS text-indent avec une valeur négative.

[cedrick21]

je suis entièrement d'accord avec toi
mais je pense que c'est justement là que le php intervient car text-indent va fonctionner pour la 1ere ligne
or moi j'ai X lignes (voir exemple plus haut)

je pense que PHP devrait plutôt m'aider à séparer le texte commençant par - par exemple dans un tableau afin que je traite ensuite ligne par ligne avec text-indent
mais je ne vois pas trop comment m'y prendre

[Bovino]

Mais les retours à la ligne ne sont pas gérés par la base de données mais par les contraintes liées au navigateur

[cedrick21]

c'est entièrement là mon soucis !
C'est pour que ça que je disais au départ que ma demande était impossible !

Sur l'exemple précédent :
- Horloge de bureau avec projection de l'heure en rouge.
- Cette horloge a différentes fonctions telles que prévisions météo,
alarme, affichage date/heure, hygromètre, thermomètre ( en °C en °F)
- Ecran LCD.
- Dimensions (cm) : 11 x 15 x 2

L'idéal serait de pouvoir le transformer en :
<div style="padding-left:5px;text-indent:-5px">- Horloge de bureau avec projection de l'heure en rouge.</div>
<div style="padding-left:5px;text-indent:-5px">- Cette horloge a différentes fonctions telles que prévisions météo,
alarme, affichage date/heure, hygromètre, thermomètre ( en °C en °F)</div>
<div style="padding-left:5px;text-indent:-5px">- Ecran LCD.</div>
<div style="padding-left:5px;text-indent:-5px">- Dimensions (cm) : 11 x 15 x 2 </div>

en mettant biensur le style dans une css

Mais le principe serait d'arriver à séparer chaque texte entre "- " et "-" et les mettre dans un array (que je retravaillerai par la suite).
Ex
$tabTexte[0] = '- Horloge de bureau avec projection de l'heure en rouge.';
$tabTexte[1] = '- Cette horloge a différentes fonctions telles que prévisions météo, alarme, affichage date/heure, hygromètre, thermomètre ( en °C en °F)';
etc ...

[Bovino]

Ah oui, d'accord, j'avais juste zappé une partie du problème
Une solution pourrait être de faire un explode() sur le retour chariot puis de construire tes différents éléments à partir du tableau retourné.

[stealth35]

le plus propre serai de mettre en forme avec du markdown, pour mettre ça sous forme de liste

[cedrick21]

j'ai réussi à faire ce que je voulais avec explode()

merci bovino