Suivez les fils RSS
 
Rechercher dans le sujet :
Forum
» CSS et mise en forme, CSS3
» Centrer gallery de DIV
Auteur
keuk
#
Citer
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
#
Citer
13 Posts
 Je voudrais obtenir ca en fin de compte

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

^
gc-nomade
#
Citer
gcyrillus en mode portable
1196 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.
http://yidille.free.fr/plux/valign 
^
keuk
#
Citer
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
#
Citer
gcyrillus en mode portable
1196 Posts
 Pour ça , il faudra en passer par du javascript ...
profitez et prenez du temps pour vos proches ... le reste est dérisoire.
http://yidille.free.fr/plux/valign 
^
keuk
#
Citer
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
#
Citer
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)
^
Prévenir un modérateur
Répondre au sujet
Aller à