Forum-webmaster
Général => Discussions générales => Message commencé par: graph x le le 07-09-2004 a 11:03:27

Titre: Poser une scroll barre dans Dreamweaver, comme dans Flash
Posté par: graph x le le 07-09-2004 a 11:03:27

Bonjour, connaissez-vous le moyen de placer une scroll barre (comme peut le faire Flash) où on veut, dans une page html, sans avoir recour aux cadres (frames)? Merci...

Titre: Re:Poser une scroll barre dans Dreamweaver, comme dans Flash
Posté par: willy le le 07-09-2004 a 12:50:59

Bonjour,

grâce aux css tu peux placer une scrollbar où tu veux:

tu fais un calque (div) et tu utilises la propriété overflow

ce qui donne:

overflow: scroll; il y a toujours la scrollbar d'affichée
overflow: auto; la scrollbar ne s'affichera que si le texte est plus grand que le div.


Titre: Re:Poser une scroll barre dans Dreamweaver, comme dans Flash
Posté par: graph x le le 09-09-2004 a 11:25:59

Merci merci...

ça à l'air tout simple comme ça, mais vu que je n'y connais pas grand chose en programmation, je comprends pas grand chose, j'ai du faire dans ma vie une feuille de style (css). Sur ce coup je veux bien qu'on me tienne la main et qu'on me dise où aller, point par point, détaillé. Si vous avez un tutorial ce serait super...
Merci beaucoup (désolé d'insister hein)

Titre: Re:Poser une scroll barre dans Dreamweaver, comme dans Flash
Posté par: jb_gfx le le 09-09-2004 a 13:42:24

Ta feuille de de style est un (ou plusieurs) fichier(s) avec l'extension ".css". Tu le places dans le dossier racine de ton site (ou dans un sous-dossier si tu préfères mais c'est un plus taquin pour le gérer aprés).

Dans ce fichier tu ne mettra que les définitions de mise en forme de tes pages (contrairement aux contenus qui eux seront stockés dans tes pages html classiques).

Ensuite tu dois lier ton CSS à tes pages html. Pour ça tu ajoutes la ligne suivantes dans toutes les pages qui doivent l'utiliser:

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

Cette ligne va dans le <head>, juste aprés les meta (et en général avant l'inclusion de script.


Exemple concret. Pour ton div en overflow tu ajoute le code suivant dans ton fichier CSS :

.ma_pseudo_frame {
overflow: auto;
}

Et dans ton code HTML :

<div class="ma_pseudo-frame">Mon contenu ici</div>

Voilà...


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.