28217 sujets

CSS et mise en forme, CSS3

Indentation pour 2° ligne de texte

Bonjour, je cherche a créer un décalage de la longueur du tiret au début de la deuxieme ligne (voire 3° et 4°), quand la phrase passe à la ligne. C'est peut être plus compréhensible en dessin :

- Je voudrais arrêter ces laidroneries, pour faire
quelque chose de plus joli. (PAS BIEN)

- Je voudrais arrêter ces laidroneries, pour faire
quelque chose de plus joli. (BIEN)

Je recherche et teste depuis quelques temps, mais j'ai du passer a coté. Il doit forcément y avoir une solution viable... Dites oui......... Smiley ohwell
Bonjour,

Ben, il faut utiliser les balises <ul> et <li> pour avoir ce résultat:

<ul>
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>

Le seul problème est qu'elles n'ajouttent pas des tirets devant les items de liste mais des puces carrés ou rondes. Il est également possible de les rempacer par une image, mais ça peut être du chipo.

Tu peux modifier les valeurs de padding/margin pour modifier la valeur du retrait par rapport à la marge.
Ça fonctionne avec du texte préformaté <pre></pre> :

- Je voudrais arrêter ces laidroneries, pour faire
quelque chose de plus joli. (PAS BIEN)

- Je voudrais arrêter ces laidroneries, pour faire
  quelque chose de plus joli. (BIEN)

Mais sans connaitre le contexte, difficile de t'orienter...
Dans le cas de l'utilisation de listes il y a également l'utilisation de la propriété list-style-position:


li{list-style-position: outside ou inside;}

Où avec outside la puce est à l'extérieur de l'élément et avec inside à l'intérieur.
Sujet clos
Aller à