CSS - galerie de photos

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
gaerun
Salamandre
Messages : 28
Inscription : 02 nov. 2003, 00:05

CSS - galerie de photos

Message par gaerun »

Bonjour.

Je cherche a faire une galerie de photos en ligne (et oui, encore une), et je rencontre un probleme pour l'affichage des vignettes. Je veux les afficher avec un petit texte (genre le titre) en dessous de chacune. Pour la presentation de la chose, je voudrais que toutes ces vignettes/textes soient alignes, et que ca se reorganise quand on redimensionne la fenetre.

Jusqu'ici, tout va bien, il existe plusieurs solutions, expliquees notamment la-bas :

http://pompage.net/pompe/csspratique/
http://openweb.eu.org/articles/initiation_float/

Mais mon probleme, c'est que je voudrais que les dimensions de ces vignettes soient libres (elles seront globalement toutes du meme ordre de taille, mais pas exactement, par exemple pour des photos en portrait / paysage), et toutes le solutions que j'ai trouve les fixent (ce qui resulte en un effet "tableau" que j'essaie justement d'eviter).

Voili voilo. D'avance merci pour vos suggestions.

PS : desole pour l'absence d'accent, mais c'est un peu galere avec un qwerty
SIBELIUS
Lézard vert
Messages : 146
Inscription : 09 sept. 2003, 23:21

Message par SIBELIUS »

Tu peux peut-être regarder comment j'ai procédé sur cette page : http://www.alsacreations.com/realisations.php
La taille est fixe, mais tu peux très bien la modifier

Je pense que l'idée est de regrouper chaque ligne dans un conteneur (div), puis d'aligner chaque image en float left dans cette ligne... puis de faire de même pour chaque ligne.
Tutoriels et blog (X)HTML / CSS : css.alsacreations.com
Forum Standards / CSS : forum.alsacreations.com
gaerun
Salamandre
Messages : 28
Inscription : 02 nov. 2003, 00:05

Message par gaerun »

Merci, mais j'avais déjà le principe. Mais ton message m'a forcé à m'y remettre, et j'avance.
Je maintiens que sans fixer la taille, ça fait n'importe quoi :

http://xavier.lepaul.free.fr/machins/ht ... auteur.htm

(le code est pas super propre, mais bon, c'est pour les essais)

Mais après ton message, j'ai quand même voulu revérifier. J'avais déjà tenté de ne fixer que la largeur, mais c'était pas probant. Et puis je me suis dis : "euh, t'es un peu con toi". Il suffisait de fixer la hauteur des div. Et j'ai l'effet que je recherchais :

http://xavier.lepaul.free.fr/machins/ht ... auteur.htm

Mais il me reste certains détails à régler encore, sur lesquels je vais réfléchir, mais bon je demande quand même au cas où quelqu'un aurait une réponse toute faite : je voudrais que les vignettes soient alignées verticalement dans chaque ligne (et un vertical-align:middle; sur les div, ça marche pas) et que chaque ligne soit centrée horizontalement (le problème, c'est que je sais pas le nombre de vignette par ligne, ni celles qui sont sur les côtés, tout ça tout ca), au lieu que tout soit en haut à gauche.

Bon, bah je m'en vais continuer ma lutte pour un web meilleur :wink:
A+

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.7.12) Gecko/20051010 Firefox/1.0.7 (Ubuntu package 1.0.7)
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités