Bonjour, je cherche à aligner mes puces verticalement avec la première lettre de mon titre.
Voici le code source de ma liste:

<h1>les animaux</h1>
<ul>
<li>le chien</li>
<li>le lapin</li>
<li>l'oiseau</li>
<li>le renard</li>
</ul>


Ce code donne une liste un peu comme celle-ci:

Animaux

*le chien
*le lapin
*l'oiseau
*le renard

Je voudrais quelque chose comme cela:

Animaux
*le chien
*le lapin
*l'oiseau
*le renard

Que puis-je mettre dans mon CSS pour régler ça ? Comment supprimer le retrait ?
Merci d'avance !

Copie-colle une fausse puce, ce caractère : •
Ca ira plus vite.

Merci, l'idée me paraît bonne, mais je n'y arrive pas. Lorsque je mets la fausse puce à mon code, cela me donne un point (.) à l'affichage.
A quel endroit suggères-tu de mettre cette fausse puce ?
J'ai cherché un caractère spécial, mais il n'y en a pas comme celui-là !

Bah il y a celui que j'ai mis, il faut le copier coller au bon endroit et ça passe.

Falkra a écrit:Bah il y a celui que j'ai mis, il faut le copier coller au bon endroit et ça passe.

Oui, mais à quel endroit justement ?

Ce n'est pas un problème de traitement de texte, mais du html !

Dans le code ou dans ta fenêtre WYSIWYG si tu as un éditeur qui te prévisualise directement à l'écran en permettant d'éditer.

bonsoir,

peut-être avec ça :

ul { margin:0; padding:0; list-style-position:inside; }
li { margin:0; padding:0; }

oui, ça fonctionne bien, tu peux te servir de cet outil en ligne http://www.w3schools.com/CSS/tryit.asp? ... list-style

arnob a écrit:bonsoir,

peut-être avec ça :

ul { margin:0; padding:0; list-style-position:inside; }
li { margin:0; padding:0; }

En effet, ton code fonctionne, arnob
Merci beaucoup !
Reste à l'incorporer à ma feuille de style, ce qui n'est pas fastoche !

Et voilà le travail
Merci beaucoup !
http://www.patricecharles.ch/recettes.htm

L'emincé de dinde au curry, je vais essayer ça cette semaine qui vient

Bonne chance !