défilement horizontal avec la pté CSS overflow

défilement horizontal avec la pté CSS overflow - HTML/CSS - Programmation

Marsh Posté le 13-01-2010 à 18:55:26    

Bonjour,
 
Je cherche à faire défiler des vignettes horizontalement.
mon code simplifié est le suivant :

Code :
  1. <div id="vignette">
  2. <p><a href="essai-vignettes-5.html"><img src="fleche-gauche.gif"/></a>
  3. <a href="essai-vignettes-4.html"><img src="vignette-4.jpg"/></a>
  4. <a href="essai-vignettes-5.html"><img src="vignette-5.jpg"/></a>
  5. <a href="essai-vignettes-1.html"><img src="vignette-1.jpg"/></a>
  6. <a href="essai-vignettes-2.html"><img src="vignette-2.jpg"/></a>
  7. <a href="essai-vignettes-3.html"><img src="vignette-3.jpg"/></a>
  8. <a href="essai-vignettes-2.html"><img src="fleche-droite.gif"/></a></p>
  9. </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 :
  1. #vignette
  2. {
  3.    height:140px;
  4.    width:450px;
  5.    border:none;
  6.    overflow:scroll;
  7. }


 
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 ?
 

Reply

Marsh Posté le 13-01-2010 à 18:55:26   

Reply

Marsh Posté le 13-01-2010 à 18:58:32    

Et en faisant le lien avec un des posts précédents ?
 
http://forum.hardware.fr/hfr/Progr [...] 7037_1.htm


---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Marsh Posté le 13-01-2010 à 20:00:47    

merci toum-toum,
 
manifestement j'avais omis la ligne :

Code :
  1. white-space: nowrap;


et le bon paramètre pour overflow était : auto !
 
 :jap:


Message édité par domy62 le 13-01-2010 à 20:01:31
Reply

Marsh Posté le 14-01-2010 à 14:19:21    

Impecc alors   :jap:  
 
(le mérite en revient aux intervenants du topic proposé en lien)


Message édité par toum_toum le 14-01-2010 à 14:19:32

---------------
“Et maintenant, la météo" - Soloviev 2022-2024
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed