SimpleGeek

Activités, Loisirs et Humeurs d'un geek breton en Normandie ...

Mise en forme des listes

Rédigé par Webmaster Aucun commentaire

Pour mettre en forme  des listes  y , en particulier avec des sous-listes, ou encore très longues il est beaucoup plus facile d'utiliser les différentes propriétés csstelles que :nth-child, :nth-of-type, :first-child et :last-child

Le point de départ de cette "découverte" la mise en forme dans la sidebar de l'encart à propos du webmaster.

Après de nombreux essais direction le forum d'alsacreations Positionner-une-liste-autour-dune-image .

que je completerai par la lecture  de cet article complet et expliquant très bien l'utilisation de ces propriétés.

La propriété CSS :nth-child pour un contrôle absolu de vos listes

Le code de mon encart:

   .about img {
        float: left;
        margin-right: 20px;
    }
    .about ul {
        padding: 0;
        margin: 0;        
    }   
    .about li{        
        font-size: 14px;
        list-style: disc;
     }
    .about li:nth-child(4) {
        clear:left;        
    }
    .about li:nth-child(n+4) {
        margin-left:15px;
    }   

 

Écrire un commentaire

Quelle est la première lettre du mot cqqh ?

Fil RSS des commentaires de cet article