Bonsoir,
Ton idée d'utiliser une liste non ordonnée est bonne. Il suffit ensuite de définir en CSS des marges pour les différents niveaux.
Le code HTML
<ul> <li> Ligne principale <ul> <li>Ligne secondaire</li> <li>Ligne secondaire</li> </ul> </li> <li> Ligne principale <ul> <li> Ligne secondaire <ul> <li>Ligne tertiaire</li> <li>Ligne tertiaire</li> </ul> </li> <li>Ligne secondaire</li> </ul> </li> <li> Ligne principale <ul> <li>Ligne secondaire</li> <li>Ligne secondaire</li> <li>Ligne secondaire</li> </ul> </li> </ul>
Le code CSS
ul, li { list-style:none; /* Pour enlever les puces */ margin:0; /* On met les marges externes par défaut à zéro */ padding:0; /* On met les marges internes par défaut à zéro */ } ul li /* Lignes principales */ { padding-left:5px; /* marge gauche */ } ul li li /* Lignes secondaires */ { padding-left:20px; /* marge gauche */ color:#1D3652; /* couleur de police */ } ul li li li /* Lignes teritaires */ { padding-left:30px; /* marge gauche */ color:#528F6C; /* couleur de police */ }
Bonjour,
En CSS 2, on ne peut pas mettre plusieurs images en fond (background) d'un même élément.
Le plus simple serait d'avoir 3 blocs les uns sous les autres dans ta page, avec un fond différent pour chacun.