Sujet Précédent Sujet Suivant

[HTML] Scrollbar en bas

Résolu/Fermé
samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 - 21 août 2009 à 22:00
 oula7dit - 3 oct. 2013 à 17:26
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
21 août 2009 à 22:12
Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !
3
Réponse 2 / 8
samuel77220 Messages postés 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
21 août 2009 à 23:52 
<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 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
21 août 2009 à 22:24
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
22 août 2009 à 07:57
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 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
22 août 2009 à 11:39
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
22 août 2009 à 11:41
Pas de mal, l'important c'est que ça fonctionne :-)

1
Réponse 7 / 8
Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
21 août 2009 à 22:13
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
21 août 2009 à 22:15
Y'a même plus de suspens...

0
Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458 > Utilisateur anonyme
21 août 2009 à 22:16
lol bah on a posté presqu'en même temps :P
0
Utilisateur anonyme > Ricky38 Messages postés 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013
21 août 2009 à 22:17
Ouais...... mais moi d'abord !! :-)
0
oula7dit
3 oct. 2013 à 17:26
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 164 Date d'inscription samedi 14 mars 2009 Statut Membre Dernière intervention 30 mars 2013 13
21 août 2009 à 23:25
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 4347 Date d'inscription samedi 15 mars 2008 Statut Contributeur Dernière intervention 2 novembre 2013 1 458
21 août 2009 à 23:45
on peut voir ton code css et le code de ta div ?
0

Discussions similaires

&nbsp ; Quelle Fonction ?
-Jeff- -
sl4ck -

14 réponses
Espace en HTML
baissaoui -
baissaoui -

0 réponse
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
Image cliquable dans html
pau -
efS -

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

11 réponses