Discussion :

[Invité]

Hello

J'ai un soucis avec un slider horizontal qui me sert à sélectionner les albums photo avant d'afficher les photos y référent dans un autre bloc.

J'ai hébergé mon site ici : http://valef.fr/sites/spvconfrancon/content/photos.php

(Ne pas faire attention aux photos, logo, etc, ce n'est que temporaire bien sûr ).

Le soucis c'est que les albums suivants du flux (à droite donc) n'apparaissent pas et qu'il n'est pas possible de faire défiler plus d'un album sur la gauche.

Voulez-vous le code ou alors celui du site vous suffit ?


Cdt

[NoSmoking]

Bonjour,
comme tu as fixé une largeur à la DIV conteneur de tes photos le flux est respecté, les photos suivantes passe à la ligne.

En gros il te faut une DIV "fenêtre" et une DIV conteneur et c'est sur la DIV "fenêtre" que tu places une largeur.

[Invité]

Salut toi

Déjà je te remercie de ta réponse, cependant j'ai bien l'impression que c'est ce que j'ai fait...? Du moins sur la dernière version que j'ai mise en ligne

J'ai un div (largeur fixe, overflow caché) et un ul sans largeur dedans qui contient tous les li alignés.

Comment me suggères-tu donc de procéder ?


Merci.

[NoSmoking]

Il te suffit de redimensionner la DIV ou l'UL conteneur des vignettes.

Comme tu utilises le CSS3, nth-of-type(2), il serait plus judicieux d'utiliser les balises

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
<figure>
  <img src="../img/centre/vehicules/fpt.png" alt=""/>
  <figcaption>Album 1</figcaption>
</figure>

[Invité]

Ah d'accord. Je ne connaissais pas du tout cette balise.


Tiens, une petite question en passant, où est-il possible d'apprendre ce genre de bonnes pratiques (du genre quelle balise est la mieux appropriée, quelle structure adopter par-ci par là, etc) ?
A chaque fois on me dit qu'il est plus judicieux d'utiliser cette balise plutôt qu'une autre, mais je me demande où les gens l'ont appris...


Mais même en utilisant la balise <figure>, si je redimensionne mon ul (conteneur des vignettes), il y a une barre horizontale de scroll, donc c'est ce que je voulais à tour prix éviter.

[NoSmoking]

Pour apprendre il y a les articles qui paraissent, ce que l'on appelle la veille technologique, le site officiel de la W3C, les on-dit, les forums....
- http://xhtml.developpez.com/cours/
- http://css.developpez.com/cours/
- http://developers.whatwg.org/

il y a une barre horizontale de scroll

la DIV conteneur de ta UL doit avoir un overflow:hidden.