[HTML] Scrollbar en bas
Résolu
samuel77220
Messages postés
164
Date d'inscription
Statut
Membre
Dernière intervention
-
oula7dit -
oula7dit -
A voir également:
- Html scrollbar
- Editeur html - Télécharger - HTML
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- Br html - Forum CSS
8 réponses
<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 :)
Tient pour être gentil je vais lui permettre de bien comprendre :)
https://www.zonecss.fr/proprietes-css/overflow-x-css.html
https://www.zonecss.fr/proprietes-css/overflow-x-css.html
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;
}
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;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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:
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;
}
