[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.
Configuration: Windows Vista
Firefox 3.5.2

8 réponses

  1. Utilisateur anonyme
     
    Renseigne toi sur "overflow" et "white-space" en CSS ! La réponse est la dedans !
    3
  2. 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
  4. 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

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

    Posez votre question
  6. 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
  7. Utilisateur anonyme
     
    Pas de mal, l'important c'est que ça fonctionne :-)

    1
  8. Ricky38 Messages postés 5776 Date d'inscription   Statut Contributeur Dernière intervention   1 463
     
    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
    1. Utilisateur anonyme
       
      Y'a même plus de suspens...

      0
      1. Ricky38 Messages postés 5776 Date d'inscription   Statut Contributeur Dernière intervention   1 463 > Utilisateur anonyme
         
        lol bah on a posté presqu'en même temps :P
        0
      2. Utilisateur anonyme > Ricky38 Messages postés 5776 Date d'inscription   Statut Contributeur Dernière intervention  
         
        Ouais...... mais moi d'abord !! :-)
        0
    2. oula7dit
       
      et il possible après rechargement de la page, le scrollbar sera positionnée en bas du div
      0
  9. 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
    1. Ricky38 Messages postés 5776 Date d'inscription   Statut Contributeur Dernière intervention   1 463
       
      on peut voir ton code css et le code de ta div ?
      0

Discussions similaires

Apache2 accès à autre que /var/www/html/index.html
merithes -
mamiemando -

3 réponses
&nbsp ; Quelle Fonction ?
-Jeff- -
Helif -

15 réponses
Saut de lignes sans <br/>
Rapi-shiny -
Rapi-shiny -

13 réponses
Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses
Petit saut de ligne en HTML
Aurore -
Picture -

2 réponses