Re: Dérapage image_reduire

Cerdic <[email protected]>
Newsgroups gmane.comp.web.spip.devel
Message-ID <578ff32f-57de-4261-add6-c3de8b5fa07f@Spark>
>
> Ce que tu décris me semble très rustique, car pas responsive.
> Mais peut être est-ce que je ne comprend pas.

Ça n’a rien à voir avec le responsive ou non.

Tu as 2 techniques pour ce genre d’affichage, mais dans tous les cas tu ne peux pas décemment te reposer sur le fait que tous tes div ont pile la même hauteur, car ce n’est pas robuste

 * la plus ancienne, à base de float
et si tu veux qu’elle soit un peu robuste tu es obligé de mettre un clear sur le premier élément de chaque ligne
En responsive, cela  peut se faire de plusieurs façons : avec des classes qui font varier le comportement selon la largeur de l’écran, en insérant un élément clear qui idem sera visible ou pas selon la largeur, ou purement en css avec des :nth(2n+1) :nth(3n+1) :nth(4n+1) … dans des media queries, selon la largeur de ta page

 * une technique plus récente repose sur flexbox
dans ce cas tu n’as pas à gérer de clear ou quoi que ce soit, et même si une box est plus haute de 1px cela dérapera pas
https://css-tricks.com/snippets/css/a-guide-to-flexbox/


Cédric
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.