18067 sujets

Questions générales et questions de débutants

Galerie CSS et défilement des "vignettes"

Bonjour,
J'ai un problème qui me semble moins compliqué que celui de Bettina...
Pour mieux présenter une galerie photo, j'ai repris le modèle de galerie css... Je n'ai presque rien modifier. J'ai juste ajouté quelques <div> pour avoir une colonne à gauche me permettant de présenter un auteur.
Vous pouvez trouver une ébauche du projet ici:
http://capt.haddok.neuf.fr/galerie_photo_js.htm

La difficulté à laquelle je suis confronté se situe au niveau de la galerie_mini... Quand le nombre ou la taille de mes vignettes augmentent ma liste non ordonnée va à la ligne... Normal !
Je voudrais qu'il n'en soit rien et que je puisse avoir avec "un overflow" une barre de glissement horizontale au lieu de verticale...
J'ai retourné le forum, la FAQ, Google, je n'arrive à rien...
Toute aide est la bienvenue. Merci.
Modifié par Haddok (07 Sep 2006 - 05:46)
Quelqu'un peut il m'expliquer sous MP pour éviter toute polémique, la raison pour laquelle mon post n'a pas obtenu un seule réponse en 8 jours... Smiley confus
Salut Haddok, tu as bien fait de faire remonter ton topic, il a pu échapper aux membres Smiley cligne

Pour ton problème, je te renvoi rapidement à un site qui (pour l'ensemble du site) utilise le principe que tu veux utiliser. Je te laisse consulter la feuille de style associée pour voir la méthode. (un poil pressé là, si tu calles, n'hésite pas à le dire).


Mwarf, en retrouvant le lien, je m'aperçoi qu'il a changé la mise en page !!!

Bon, je sais que tu en as du même type sur le Zen Garden
http://csszengarden.com/
Tu as un truc pour voir un peu les particularités des design du Zen Garden :
http://www.redoxblog.com/lejardinier/

Peut être que ça t'aidera à trouver le bon truc.

(tiens, bah voilà, j'ai retrouvé un exemple grâce au jardinier !
http://csszengarden.com/?cssfile=/058/058.css

Je te laisse analyser la feuille de style Smiley cligne

++
Salut,

j'ai lutter sur ce problème précis un temps et je m'en suis sorti comme ça :


div#galerie_mini {
[b]overflow:auto;
white-space: nowrap;[/b]
position: absolute;     
left: 18px;
top: 647px !important;
top: 663px;
width: 760px;
height:72px;}


Je me sert de la galerie d'olivier aussi. Il n'y a qu'une seule feuille de style, elle est commenté, tu y trouveras un séparateur :
/*Galerie*/ et tout sera dedans...

Voilà la page en question pour un paerçu visuel de la galerie _mini defilant avec un scroll horizontal :
galerie photos de motos anciennes à courroies
Hum a écrit :
Salut,

j'ai lutter sur ce problème précis un temps et je m'en suis sorti comme ça :


div#galerie_mini {
[b]overflow:auto;
white-space: nowrap;[/b]
position: absolute;     
left: 18px;
top: 647px !important;
top: 663px;
width: 760px;
height:72px;}


Je me sert de la galerie d'olivier aussi. Il n'y a qu'une seule feuille de style, elle est commenté, tu y trouveras un séparateur :
/*Galerie*/ et tout sera dedans...

Voilà la page en question pour un paerçu visuel de la galerie _mini defilant avec un scroll horizontal :
galerie photos de motos anciennes à courroies


Chouette intégration Smiley smile
J'aurais une modif à te soumettre, je vois ça avec toi par mail à un moment ou un autre Smiley cligne
Je me suis absenté et je repars demain, je n'ai pas eu le temps de tout consulter et surtout de digérer tout cela. Je m'y attaque au retour et je verrais s'il me faut plus d'explications... Je laisse le sujet ouvert encore un peu.
Merci à tous.
Haddok a écrit :
Je me suis absenté et je repars demain, je n'ai pas eu le temps de tout consulter et surtout de digérer tout cela. Je m'y attaque au retour et je verrais s'il me faut plus d'explications... Je laisse le sujet ouvert encore un peu.
Merci à tous.

No problemo Smiley cligne
++
Sujet clos
Aller à