Bonjour,
Je cherche à faire défiler des vignettes horizontalement.
mon code simplifié est le suivant :
Code :
- <div id="vignette">
- <p><a href="essai-vignettes-5.html"><img src="fleche-gauche.gif"/></a>
- <a href="essai-vignettes-4.html"><img src="vignette-4.jpg"/></a>
- <a href="essai-vignettes-5.html"><img src="vignette-5.jpg"/></a>
- <a href="essai-vignettes-1.html"><img src="vignette-1.jpg"/></a>
- <a href="essai-vignettes-2.html"><img src="vignette-2.jpg"/></a>
- <a href="essai-vignettes-3.html"><img src="vignette-3.jpg"/></a>
- <a href="essai-vignettes-2.html"><img src="fleche-droite.gif"/></a></p>
- </div>
|
Dans le cas ou ces vignettes ne pourraient pas toutes s'afficher sur l'écran, je souhaiterais avoir une barre de défilement horizontale et non verticale
voilà ce que j'ai essayé en CSS :
Code :
- #vignette
- {
- height:140px;
- width:450px;
- border:none;
- overflow:scroll;
- }
|
J'ai essayé scroll et auto comme paramètre de overflow mais je n'obtiens que des barres de défilement verticales.
Avec auto la barre horizontale est dessinée mais inactive.
Y a-t-il une solution ou faut-il renoncer ?