[HTML] Scrollbar en bas

Résolu
samuel77220 Messages postés 176 Statut Membre -  
 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

Réponse 1 / 8
Utilisateur anonyme
 
Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !
3
Réponse 2 / 8
samuel77220 Messages postés 176 Statut Membre 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
Réponse 3 / 8
Ricky38 Messages postés 5776 Statut Contributeur 1 462
 
Tient pour être gentil je vais lui permettre de bien comprendre :)
https://www.zonecss.fr/proprietes-css/overflow-x-css.html
1
Réponse 4 / 8
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
Réponse 5 / 8
samuel77220 Messages postés 176 Statut Membre 13
 
ah oui ça fonctionne !
Merci beaucoup et désolé de ne pas avoir préter attention a ton message =D
1
Réponse 6 / 8
Utilisateur anonyme
 
Pas de mal, l'important c'est que ça fonctionne :-)

1
Réponse 7 / 8
Ricky38 Messages postés 5776 Statut Contributeur 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 5776 Statut Contributeur 1 462 > Utilisateur anonyme
 
lol bah on a posté presqu'en même temps :P
0
Utilisateur anonyme > Ricky38 Messages postés 5776 Statut Contributeur
 
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
Réponse 8 / 8
samuel77220 Messages postés 176 Statut Membre 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 5776 Statut Contributeur 1 462
 
on peut voir ton code css et le code de ta div ?
0

Discussions similaires

la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
<br> ou <br /> ou </br>
corentin.93 -
jessy006 -

11 réponses
Balise </br>
erf -
erf -

3 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses