Top-News.fr

Top-News > Informatique > Css 3 : des divs avec des colonnes !!!

Css 3 : des divs avec des colonnes !!!

css3-colonnes

Css 3 : des divs avec des colonnes !!!
Le Css 3 va marquer un tournant dans l' écriture des pages internet le code (x)html va être allégé au maximum : je vous avais déjà parlé de la possibilité offerte par le futur probable Css 3 de faire des div arrondis sans utiliser de multiples div avec des images , je viens de tomber aujourd' hui sur un article présentant l' écriture en colonne pour les div sans avoir à utiliser " float ".

Je vous mets tout de suite un lien vers ma page exemple ( ça fonctionne déjà avec Firefox et Chrome ).

Voici le code qu' il faudra déclaré dans la feuille de style pour réaliser cette effet de style vraiment sympa ( si bien entendu le code est validé pour la nouvelle version officielle de CSS 3 )

-webkit-column-count : 4;
-webkit-column-gap : 20px;
-webkit-column-rule: 1px solid #000000;
-moz-column-count : 4;
-moz-column-gap : 20px;
-moz-column-rule: 1px solid #000000;

count => nombre de colonnes
gap => une sorte de padding pour les colonnes
rule => permet d' avoir une bordure pour les colonnes

source : smashingmagazine.com

plus de news sur Css 3 : des divs avec des colonnes !!!

dans les dossiers : • Informatique

Votre avis sur le billet : Css 3 : des divs avec des colonnes !!!