Mise en page Pinterest

Charly
Les bases HTML/CSS

Bonsoir à tous.

J'aimerais juste savoir comment faire une mise en page comme Pinterest, tous les éléments en float left, peu importe leur hauteur. Est-ce simplement du CSS ou y'a t'il un script existant ?

Merci d'avance

5 réponses

Julien_M
Réponse acceptée

Il me semble qu'ils utilisent le plugin : Masonry.

karmalo

salut,

Tu regardes le code source et son css, ainsi tu sauras exactement.
Si tu es sur firefox, installes le module web developper, et firebug aussi

Charly
Auteur

Salut Karmalo, oui bien sur j'ai deja regardé... Mais tous les <div> sont positionnés en absolute, et je vois mal les développeurs ajouter les styles directement. Il doit y avoir un plugin existant par rapport au DOM je pense mais je ne trouve pas grand chose pour le moment.

karmalo

je ne comprends pas pourquoi ils utiliseraient un plugin

les articles sont dans une div class "pin"

Donc à chaque fois qu'ils écrivent un article, ca se met automatiquement.
Ils ont un back-office pour gérer le site

Charly
Auteur

Merci c'est exactement ce que je cherchais... J'ai découvert aussi le plugin isotope qui fait globalement la même chose.