Auteur
keuk
#
13 Posts
J'aimerais avoir une gallerie de DIV de tailles identiques et fixes (300px) qui se centrent automatiquement lorsque je redimensionne la page.

Est ce possible en CSS et comment ?

Actuellement j'ai ça (http://www.antoinefleury.com/) mais j'aimerais avoir 4 colonnes quand je dépasse 900 px de large pour le container et 3 lorsque je suis en dessous de 900 et que l'ensemble reste centré sur la page en permanence.

J'ai fait plein de bidouille mais je retombe toujours sur un ensemble qui se colle sur la gauche entre deux positions.
Modifié par keuk (14 Jan 2013 - 17:12)

^
keuk
#
13 Posts
Je voudrais obtenir ca en fin de compte

http://www.student.oulu.fi/~laurirai/www/css/gallery/

^
gc-nomade
#
gcyrillus en mode portable
1639 Posts
bonsoir,

C'est possible et plutôt simplement :

parent div {text-align:center;}
div {display:inline-block;width:300px;}


et avec quelques fioriture de plus tu peux envisager des choses comme celle-ci : http://dabblet.com/gist/4262212 (selectionne une gallerie et redimensionne la page en largeur)

Cordialement,
GC

profitez et prenez du temps pour vos proches ... le reste est dérisoire.
Je ne travaille pas dans le web et j'ai plein de lacunes, mais je n'en parle pas :) Mes liens semés ici et là ne sont pas toujours des cadeaux, restez critique.

^
keuk
#
13 Posts
Yes merci, j'ai regardé dans l'examinateur de firefox et utilisé display inline table qui marche aussi.

Au début j'essayais de m'en sortir avec des SPAN mais sans succès.

AUTRE question comment faire pour que sur la dernière ligne si il manque une DIV tout se colle à gauche.

N'est il pas possible de contrainte la dernière ligne à ne pas être en align-center ? Du genre un LAST CHILD mais pour des div ?

^
gc-nomade
#
gcyrillus en mode portable
1639 Posts
Pour ça , il faudra en passer par du javascript ...

profitez et prenez du temps pour vos proches ... le reste est dérisoire.
Je ne travaille pas dans le web et j'ai plein de lacunes, mais je n'en parle pas :) Mes liens semés ici et là ne sont pas toujours des cadeaux, restez critique.

^
keuk
#
13 Posts
Ou par des balises fantômes qui ont la classe de mes autres balises mais sans contenu j'en mets 3 et hop tout se mets virtuellement sur la gauche sur ma dernière ligne !

Smiley smile

Ca fait un peu Mr-bricolage mais ça marche !

(je n'ai pas encore updaté ma page qui figure plus haut)

^
keuk
#
13 Posts
EDIT: Ah non pas tout à fait finalement.

RE EDIT: Bon en fait si je n'avais pas enregistré ma modif.
Modifié par keuk (15 Jan 2013 - 06:15)

^