Comment faire un champ de texte avec ce type de scrollbar ? - HTML/CSS - Programmation
Marsh Posté le 07-04-2004 à 08:33:08
Tu as regardé le code source de la page que tu nous mets ?
Par hasard ?
Si c'est non alors fonce, suis sûr que tu trouveras ton bonheur.
Marsh Posté le 07-04-2004 à 08:35:53
tu met un div et tu lui attribut des dimensions fixes puis le style css overflow:auto
Marsh Posté le 07-04-2004 à 08:38:48
C'est ok pour l overflow, mais maintenant je voudrais modifier les attributs de la barre (la rendre plus petite par exemple) comment faire ?
Marsh Posté le 07-04-2004 à 08:46:10
testé ton code avec mozilla et ie 6.0, ça marche parfaitement avec le overflow:auto !!
Edit : tu peux changer les couleurs de la scrollbar avec les css, mais
- ça ne marchera qu'avec ie
- tu ne pourras pas changer la taille de la barre
-> tu dois faire des pseudo scrollbars (avec un peu de javascript) pour faire ce que tu veux. En vaut-ce la peine ?
Marsh Posté le 07-04-2004 à 08:52:51
non ca ne vaut pas la peine, sinon j'ai un nouveau souci, il y a un scroll de haut en bas (ca OK) mais aussi un de gauche a droite alors qu'on voit pourtant tout le texte dans la fenetre et ca m'embete ! Comment l'enlever ? J'ai modifier les tailles du width de mon bloc mais ca ne change rien il est tj là, que faire ?
Marsh Posté le 07-04-2004 à 09:48:53
Dans ton style
overflow-y:auto;
EDIT : foire avec Mozilla, âne que je suis...
Mais bon tu devrais pouvoir faire sans, ça me paraît bizarre. Ca viendrait pas de tes autres styles ?
Marsh Posté le 07-04-2004 à 11:06:52
<div id="scrollbar">
<div id="bloc_texte">
</div>
</div>
#scrollbar {
width: 600px;
overflow: auto;
}
#bloc_texte {
width: 550px;
left: 50%;
margin-left: -275px;
}
Cela devrait marcher : ton texte n'aura pas plus de 550px de large
Marsh Posté le 07-04-2004 à 19:35:43
essaie avec:
Code :
|
Mozilla tiendra compte du premier et IE tiendra compte des deux (le second devrait avoir l'ascendant pour la barre horizontale en théorie mais j'ai pas testé).
overflow-x et overflow-y sont dans le document de travail pour les css3. Ce sera à priori standard à l'avenir donc.
Le rapport de bug pour Mozilla:
http://bugzilla.mozilla.org/show_bug.cgi?id=72747#c3
Le lien pointe sur le troisième commentaire qui indique les équivalents dans gecko.
En utilisant ces extensions gecko, tu ferais alors:
Code :
|
(Pour le cas où la première proposition ne fonctionnerait pas)
Marsh Posté le 07-04-2004 à 08:23:15
Bonjour, étant limité dans la hauteur de mon site web, je suis forcé de faire un scroll via les CSS pour le défilement du texte, comment le réaliser ?
Voici a quoi ressemble le scroll (ici il est super joli mais c'est juste pris comm exemple)
PS : il s'agit d'ajouter un champ de texte avec un scroll et non betement changer le scroll de la barre du browser...
Important : mon site doit etre valide XHTML STRICT donc voilà...
Merci de m'aider
Message édité par Dolby le 07-04-2004 à 08:34:45