Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2307 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  défilement horizontal avec la pté CSS overflow

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

défilement horizontal avec la pté CSS overflow

n°1957706
domy62
Posté le 13-01-2010 à 18:55:26  profilanswer
 

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 ?
 

mood
Publicité
Posté le 13-01-2010 à 18:55:26  profilanswer
 

n°1957708
toum_toum
Vivons masqués
Posté le 13-01-2010 à 18:58:32  profilanswer
 

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


---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023
n°1957715
domy62
Posté le 13-01-2010 à 20:00:47  profilanswer
 

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
n°1957904
toum_toum
Vivons masqués
Posté le 14-01-2010 à 14:19:21  profilanswer
 

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

---------------
“Never forget that England imposed this war on us" - Goebbels 1943 . “Et maintenant, la météo" - Soloviev 2023

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  défilement horizontal avec la pté CSS overflow

 

Sujets relatifs
Défilement images backgroundAlignement de texte à droite CSS
Galerie html, avec scroll bar horizontal ...Problème avec JSCalendar et overflow
CSS pas pris en compte + question sur firebugProblème hauteur CSS
[HTML/Css/Javascript] Listes liées avec la librairie prototypeMenu déroulant CSS
Cherche diaporama défilement automatiqueproblème firefox/CSS [RESOLU]
Plus de sujets relatifs à : défilement horizontal avec la pté CSS overflow


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR