Erwan Tanguy

Consultant Visibilité Web, veille, Réseaux sociaux et SEO

Accueil > Actualités > Des colonnes en css3

Des colonnes en css3

lundi 21 février 2011, par

Voici un autre exemple de ce que pourrait être le css3 : des fonctions qui permettent de gérer les colonnes dans un block.

Sur ce site vous pourrez voir des exemples concrets qui ne fonctionnent pour le moment que sur certains navigateurs (mozilla et webkit).

.multiplecolumns
{
   -moz-column-width: 130px; //largeur de la colonne
   -webkit-column-width: 130px; //largeur de la colonne
   -moz-column-gap: 20px; //marge entre les colonnes
   -webkit-column-gap: 20px; //marge entre les colonnes
   -moz-column-rule: 1px solid #ddccb5;  //bordure de séparation
   -webkit-column-rule: 1px solid #ddccb5; //bordure de séparation
}

Cette option a l’avantage d’être très souple à manier et j’espère qu’elle finira par être implantée dans tous les navigateurs. Après, comme toujours avec ce genre de css, il ne faut pas en abuser.

Vous pouvez allez sur ma page de mentions pour en voir un autre exemple.

Voir en ligne : Introduction css3 aux multiples colonnes