Discussion :

[moins52]

Bonjour,

J'ai une liste contenant une liste imbriquée. Les puces sont des images. Je voudrais pouvoir réduire l'indentation des li pour gagner de la place en largeur.

En clair j'ai ça :
1. item
____a. item
____b. item
2. item
3. item

Je voudrais ça :
1. item
__a. item
__b. item
2. item
3. item

Je ne trouve pas la propriété CSS qui ferait mon bonheur.

Merci de votre aide !

[Erwan31]

Bonjour,
les listes non-ordonnées (UL) et les listes ordonnées (OL) ont des margin (IE et Opera 9-) et padding (les navigateurs alternatifs) par default de 40px.

Tu dois donc les diminuer comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

ul, ol {margin-left:20px; padding-left:20px;}

[moins52]

Ok, autant pour moi. Je devais être fatigué hier. J'avais juste pas appliqué la classe à toutes mes ul. Seule ma première ul était donc concernée par le padding.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<UL class="compact">
      <LI>first list item comes first<UL class="compact">
      <LI>first list item comes first
      <LI>second list item comes second
    </UL></LI>
      <LI>second list item comes second
    </UL>

Merci de ton aide

[kohsaka]

au passage, évites les balises en majuscule :)
et ferme toutes tes balises ouvertes

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<ul>
  <li>  </li>
  <li>
     <ul>
        <li>   </li>
        <li>   </li>
     </ul>
  </li>
  <li>  </li>
</ul>