Votre question

ajouter une scroll bar supplémentaire ? [HTML]

Tags :
  • Script
  • Programmation
Dernière réponse : dans Programmation
9 Juillet 2006 19:38:45

bonjour, j'aimerais savoir,si c'est possible de rajouter une scrollbar sur mon site, car l'abondance de certains textes deforme un peu le design, comme sur cette page : http://kalik.keo.in/logiciels.html serait-il donc possible d'insérer une scroll bar sur la droite de la partie gris clair(la ou il y a le texte) ?

merci

Autres pages sur : ajouter scroll bar supplementaire html

9 Juillet 2006 20:38:13

en css avec overflow:auto ou overflow:scroll
9 Juillet 2006 20:43:15

merci je vais essayer ca :) 
Contenus similaires
9 Juillet 2006 21:36:46

mais euh, je l'insère comment et a quel endroit dans mon script ca ?
10 Juillet 2006 14:47:56

j'ai reussi a insérer le script et a le modeler à ma convenance, mais un problème de taille se dresse face à moi : un encart étrange s'ouvre en haut a gauche de la page, il a les même spécificités que la scrollbar que j'ai ajoutée. Regardez ce que ca donne : http://kalik.keo.in/zobo.html

si vous pouviez m'aider, merci
10 Juillet 2006 16:48:37

up, personne ne sait comment résoudre ce problème ? parque j'aurai vraiment besoin de cette scrollbar. :confused:
10 Juillet 2006 17:02:32

eh ben tu effaces tout ce qu'il y a avant le <html> de la ligne 37...

Si c'est ton hébergeur qui met la pub, je crois que tu peux rien faire...
10 Juillet 2006 17:09:10

c'est pas possible d'effacer ce qu'il y a avant le <html> de la ligne 37, un <html> ne se met qu'au début du script, donc il peut pas y en avoir au milieu...a moins que tu ne voulais me dire autre chose
10 Juillet 2006 17:13:19

Je viens de mieux regarder et en fait ton problème n'est que sur cette page...

Alors pour ce faire, t'as écrit çà :

  1. <p>TEST</p>
  2.  
  3.  
  4. <style>
  5. div
  6. {
  7. width :600px;
  8. height :500px;
  9. overflow : auto
  10. }
  11. </style>
  12. <div>
  13. Un petit descriptif des membres du groupe :<br><br><br><center><img src="images/jean1.jpg"><br><justify>Jean, le chanteur du groupe, c'est lui qui donne toute leur magie à nos chansons. Ses impros vocales sont fantastiques et sa voix ne l'est pas moins, c'est le pilier central du groupe. Sa voix ample et puissante au coffre si particulier atteind sans peine des hauteurs impressionantes, ce qui lui permet de jouir d'une versatilité déconcertante.</justify><br><br><center><img src="images/maeliss.bmp"><br><justify>Maëliss, percussioniste du groupe, il donne tout le punch nécessaire à nos morceaux tout en mariant mélodie et régularité. Capable de tirer parti du moindre objet de notre vie quotidienne, il est également un grand technicien qui sait se servir des moyens du bord. Son sens de l'improvisation est affûté a n'en plus pouvoir, ce qui lui permet de s'adapter à toutes les situations.</justify><br><br><center><img src="images/Image 43.jpg"><br><justify>Moi, Alexandre, le guitariste du groupe. Je fais la passerelle entre la virtuosité de Jean et la regularité de Maëliss en composant des riffs simples et percussifs tout en gardant un sens de la mélodie qui m'est propre. J'essaie d'extirper tous les sons possibles de mes guitares, qu'elles soient acoustiques ou électriques, afin de donner une richesse particulière à nos morceaux.
  14. </div>


Alors déjà, normalement style se met entre les balises head avec les balises
Citation :
A:link {text-decoration: none; color: #99CCFF; font-family: Verdana; font-size: 8pt}
A:hover {text-decoration: none; color: #9900FF; font-family: Verdana; font-size: 8pt}
que tu as déjà mise...

et le truc c'est que tu défini l'overflow sur div donc sur tous les div...

Le truc à faire c'est de donner un nom au div que tu veux qui possédè la scroll et mettre dans le style à la place de "div" le nom que tu aura donné..

Par exemple :

  1. <HTML>
  2. <HEAD>
  3. <style>
  4. <!--
  5. A:link {text-decoration: none; color: #99CCFF; font-family: Verdana; font-size: 8pt}
  6. A:hover {text-decoration: none; color: #9900FF; font-family: Verdana; font-size: 8pt}
  7. #scroll
  8. {
  9. width :600px;
  10. height :500px;
  11. overflow : auto
  12. }
  13. -->
  14. </style>
  15.  
  16. <p>TEST</p>
  17.  
  18.  
  19.  
  20. <div id="scroll">
  21. Un petit descriptif des membres du groupe :<br><br><br><center><img src="images/jean1.jpg"><br><justify>Jean, le chanteur du groupe, c'est lui qui donne toute leur magie à nos chansons. Ses impros vocales sont fantastiques et sa voix ne l'est pas moins, c'est le pilier central du groupe. Sa voix ample et puissante au coffre si particulier atteind sans peine des hauteurs impressionantes, ce qui lui permet de jouir d'une versatilité déconcertante.</justify><br><br><center><img src="images/maeliss.bmp"><br><justify>Maëliss, percussioniste du groupe, il donne tout le punch nécessaire à nos morceaux tout en mariant mélodie et régularité. Capable de tirer parti du moindre objet de notre vie quotidienne, il est également un grand technicien qui sait se servir des moyens du bord. Son sens de l'improvisation est affûté a n'en plus pouvoir, ce qui lui permet de s'adapter à toutes les situations.</justify><br><br><center><img src="images/Image 43.jpg"><br><justify>Moi, Alexandre, le guitariste du groupe. Je fais la passerelle entre la virtuosité de Jean et la regularité de Maëliss en composant des riffs simples et percussifs tout en gardant un sens de la mélodie qui m'est propre. J'essaie d'extirper tous les sons possibles de mes guitares, qu'elles soient acoustiques ou électriques, afin de donner une richesse particulière à nos morceaux.
  22. </div>
10 Juillet 2006 17:16:32

Un grand MERCI ! tout marche nickel, le bug n'apparaît plus ! merci pour ton aide :-D
10 Juillet 2006 17:35:14

Je t'en prie, avec un pseudo comme çà, les fameuse grates à Dime et à Wayne's World ! souvenirs souvenirs...
10 Juillet 2006 18:04:15

lol, je joue sur du Fender mais c'est un vieux pseudo que j'utilise quand je peux pas mettre Kalik lol. (mais les Washburn restent de très bonnes guitares =))
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS