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
CSS - galerie de photos
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.
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
Forum Standards / CSS : forum.alsacreations.com
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
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)
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

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)
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités