Aller au contenu

Sujets conseillés

Posté

Bonjour tout le monde,

J'aimerais savoir comment faire pour mettre seulement une scrollbar vertical dans un div (boite principale) ?

Car la seule chose que j'ai réussi à faire c'est d'en mettre une horizontale + verticale qui ne servait à rien car le texte continuait en dessous des limites de la boites...

Encore un truc, ya vraiment pas moyen niveau compatibilité de changer la couleur de la scrollbar ? (j'ai cru comprendre qu'il y avait un probleme de normes...)

a+

Posté

Pour mettre un scrollbar sur un div, il suffit d'ajouter dans le CSS, un

overflow: scroll;
/* Ou bien */
overflow: auto;

Pour la modification de la couleur de la scrollbar, c'est un CSS spécifique à IE (qu'Opéra interprète quand même), et qui donc n'est pas valide (et ne s'affiche pas sous Firefox).

Posté (modifié)

Perso je prefere l"auto"

Mais comment ça se fait que le code dans le CSS est aussi petit ? moi avant ça faisait 5 lignes au moins...Je ne dois pas donner de tailles ni rien ?

Dans le Html je l'inserre à quel niveau ?

Dans mon div j'ai fait ça

<div class="center_article">
div class="scroll"></div>
</div>

center article étant le corps de ma page....ça marche pas qu'est ce que j'ai fait de pas bien ?

edit: oups apparemment il manque un "<"

edit_bis: Je viens de remarquer autre chose...Mon div n'a pas de limites ni à droite ni en bas...du coup dès que j'écris bas ça sort de ma boite (je pense que c'est une des raisons du fait que ma scrollbar n'apparait pas car le teste n'atteind jamais de limite)

Modifié par worms91
Posté

.scroll {
height: 250px; /* Hauteur de 250 pixel */
width: 700px;  /* Largeur de 700 pixel */
overflow: auto;
}

Le plus simple c'est de te faire un joli : style.css

que tu insere comme ceci

<link rel="stylesheet" href="style.css" type="text/css" />

juste avant ta balise : </head>

Le code si dessus te donnera une zone de 250 pixel de haut et de 700 pixel de large.

Si ton text depasse cette zone >> scroll bar :)

Mais tu peux tres bien definir d'autre truc dans ton div : couleur, couleur de fond, marge, .... enfin tout ce que tu veux

Hervé

Posté (modifié)

slt

J'avais déjà ça dans mon code (html)

<link rel="stylesheet" media="screen" type="text/css" title="design" href="style.css" />

Ensuite j'ai modifié mon div plus bas...

<div class="center_article">blablablablablablablablablabla
     </div>

Voici la partie en question de mon CSS avec la ligne ajoutée

.center_article
{
    width: 734px;
 height: 500px;
overflow: auto;
 border: 0px solid black;
 background-image: url(images/design/article/fond_article.png);

float: left;
}    

edit: j'ai essayé de mettre la scrollbar separement puis de la charger, et ba c'est pas pour autant que ça limitait (marges) du coup c'est pour ça que j'ai fait ce qu'il y a plus haut, j'ai fusionné les deux en un...

Modifié par worms91
Posté

Up ! SvP

Je veux juste faire une scroll barre dans un div et mettre des marges dans un div pour pas que le texte passe au travers !

Posté

[HS]cool un crazyste ![/HS]

J'ai pas mis de maximum, je pensais que mettre ça suffirait :

width: 734px;

height: 500px;

Donc je modifie ou alors je rajoute max blablabla ?

Posté

J'ai bien suivi le poste et je suis interessé pour mettre une scrollbar dans un bloc de tableau moi aussi.

Est ce que je peux glisser le code html dans mon bloc, et mettre le css entre ma balise head ?

Merci

  • 1 month later...

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...