[HTML] Scrollbar en bas

Résolu
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   -  
 oula7dit -
Bonsoir,

J'aimerais mettre une scrollbar (barre de defilement) en bas de ma balise div, en gros que ma div défile de la droite vers la gauche.
Quelqu'un pourrait m'aider ?

Merci d'avance.
A voir également:

8 réponses

Utilisateur anonyme
 
Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !
3
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
<style type="text/css">
<!--
*{margin:0;padding:0;}
.sims2 {
     position: absolute;
     width: 800px;        /* selon la largeur voulue */
     margin-left: -400px; /* moitie de width */
     left: 50%;           /* constant, toujours 50% */
     height: 400px;       /* selon la quantite de texte */
     margin-top: -200px;   /* moitie de height */
     top: 50%;            /* constant, toujours 50% */
     background-color: #eee;
}
.header{
	width:800px;
	height:150px;
}
body{
	background-image:url(../fond-site.png);
	background-repeat:repeat;
}
#cadre{
width:800px;
height:200px;
display: block;
overflow:hidden;
overflow-x: auto;
overflow-y: hidden;
overflow : -moz-scrollbars-horizontal;
}
-->
</style>
<body>
<div class="sims2">
<div class="header"><img src="header.jpg" width="800" height="150" /></div>
<div id="cadre">qirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl sqirugh ksjrgbkjwr qghq ekjghsbjk bshkjvhbs vrlkgjsbrl suebrv lsukrvbhsk jrvbsk jbnsevk jebr sejbrgvk bsksdbtrskl ejgvbslkebs jsbkdvbsdl jbsvkld jbslkvb skrlgvjbsrgvlksbrvkjgsbrglkv srfskjdbrgvsklj egkn ksljksbjkbnkjdbgkljdsbgvlkj lksejgvbemskjbtvmkqrejsm tamhmgvbea gviushb vilub livb lebgvrlkqrfhvblq bvqlarhb lkevfdbrgvl s</div>
</div>



faites pas attention au texte hein c'est juste un essaie :)
2
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
Tient pour être gentil je vais lui permettre de bien comprendre :)
https://www.zonecss.fr/proprietes-css/overflow-x-css.html
1
Utilisateur anonyme
 
Attention !!!

J'ai pas posté mon premier message pour rien !

"Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !"

#cadre {
width:800px;
height:200px;
display: block;
overflow-x: scroll;
white-space : nowrap;
}

1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
ah oui ça fonctionne !
Merci beaucoup et désolé de ne pas avoir préter attention a ton message =D
1
Utilisateur anonyme
 
Pas de mal, l'important c'est que ça fonctionne :-)

1
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
Salut,

dans ton fichier css tu ajoutes a ta div
overflow-x : scroll; //pour un scroll gauche a droite
overflow-y : scroll; //pour un scroll de haut en bas

exemple:

#main{
  overflow-x : scroll;
  weight: 200px;
  height: 400px;
}
0
Utilisateur anonyme
 
Y'a même plus de suspens...

0
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462 > Utilisateur anonyme
 
lol bah on a posté presqu'en même temps :P
0
Utilisateur anonyme > Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention  
 
Ouais...... mais moi d'abord !! :-)
0
oula7dit
 
et il possible après rechargement de la page, le scrollbar sera positionnée en bas du div
0
samuel77220 Messages postés 164 Date d'inscription   Statut Membre Dernière intervention   13
 
Ca ne fonctionne pas, enfin quand je tape mon texte au bout de la div ça revient a la ligne :s
0
Ricky38 Messages postés 4349 Date d'inscription   Statut Contributeur Dernière intervention   1 462
 
on peut voir ton code css et le code de ta div ?
0