Représentation d'une liste structurée

Salut,

Je dois représenter une liste, et je me heurte à un problème de définition de la structure de mes éléments de liste :
- la liste est ordonnées : elle représente des étapes
- les numéros seront obligatoirement affichés sous forme graphique devant chaque item. Je ne pense pas que ce soit faisable simplement en css d'affecter une puce du genre "puce(Numero).png" Il faudrait donc que je mette cette puce en fond dans le paddin, ce qui va poser problème (cf la suite)
- chaque item comprend un titre, un texte, et un symbole représentant l'étape en question

Problème : je ne peux pas mettre le numéro ET le symbole en fond du li; or ils sont censés être affichés respectivement à gauche et à droite de l'ensemble (titre + texte).

Le symbole ajoutant de l'information (la représentation pictographique permet à l'utilisateur de mieux comprendre le sens du texte, ou de le comprendre d'une autre façon), je pense à mettre une balise img dans la structure du li, comme ceci

<li>
  <img />
  <h3>titre</h3>
  <p>texte</p>
</li>

NB : La balise img est placée en premier uniquement parce que je la mettrais alors en float : right.

Il faut que tu génères le numéro de la puce suivant le nombre d'entrée dans ta liste ?

Tu le fait dynamiquement ou c'est du statique ?
Modifié par jpwalker (04 Mar 2005 - 10:27)

C'est du statique. C'est pour ça que ça me semble peu jouable sans mettre un truc du genre class="li1".

Ben c'est sur que dans ce cas tu va être obligé de créer une classe pour chaque <li-num>... A la limite tu peux créer un fichier css juste pour tes listes, ça t'éviteras d'avoir un fichier css trop encombrant

Quand tu parles de forme graphique pour le numéro, est-ce vraiment une obligation ?

Oui : je transforme un existant, afin de le rendre conforme Xhtml 1.0 strict et css. Je dois garder l'aspect graphique.

Et dans l'image du numéro, est-ce juste le chiffre, sans police spéciale, sans décoration ?

C'est le chiffre, dans une police spéciale je ne suis pas sûr (ça ressemble à du Arial, il faudrait que je vérifie), et avec décoration (le chiffre est au centre d'un cercle).