Barre de défilement dans une zone texte

Version imprimable

22/02/2007, 17h48
mlaiti

Barre de défilement dans une zone texte

Bonjour,
Je suis très débutante dans HTML.
J'ai passé ma journée sur Internet, mais je ne trouve pas un exemple.
Voilà, c'est tout simple pour les connaisseurs :

J'aimerais avoir un exemple écrit en HTML ( ou css ?), et qui permet ceci :

affichage d'une zone texte avec une barre de défilement horizontale et verticale !!! C'est tout !!

Quelqu'un peut-il me donner un exemple SVP ?

Merci beaucoup d'avance.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div style="width:200px;height:100px;overflow:auto;">
   ooiezbgfoezf
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   <br />
   zgzgreg
</div>

22/02/2007, 19h02
mlaiti

<html>
<div id="Layer1" style="position:absolute; left:397px; top:149px;
width:200; height:200; overflow: scroll;">
ligne1 <br />
ligne2 <br />
debut_ligne3 ttttttt ttttttttt tttttttttt ttttttttt aaaaaaaa ppppp fin_ligne3
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>

Merci, mais j'ai le problèms suivant :
Pour la "ligne3" au lieu de l'afficher sur une seule ligne et d'activer la scrollbar horizontale, il revient à la ligne et me la met sur 3 lignes!!

As-tu une idée s'il te plait ?
22/02/2007, 19h39
Amybond

Avec

Tu peux le faire defiler avec <marquee></marquee>
22/02/2007, 20h04
mlaiti

J'ai essayé <marquee>, mais ça fait défiler le texte !!
Or, tout ce que je veux c'est une scrollbar horizontale classique et qui ne revient pas à la ligne sauf quand on le demande abec </ br>

Y a-t-il un attribut pour celà ?
Merci beaucoup d'avance.
22/02/2007, 20h48
MasterOfChakhaL

Salut,

Dans ton cas, je pense que le plus simple est de reprendre le code donné par biûsûsnrs et de remplacer div par pre.

Dans la balise pre, le formatage de ton texte est conservé. C'est à dire que les espaces, tabulations et sauts de lignes que tu mettras dans ton code apparaitront.

De plus, les balises seront interprétées, donc un br te renverra bien a la ligne.

Par défaut, la police utlilsée sera une police a pas fixe (toutes les lettres occupent la même largeur). Si ca ne te convient pas tu peux régler la propriété css font-family dans l'attribut style.

Par exemple, font-family: serif;
22/02/2007, 21h52
Poussy-Puce
Bah, tu peux insérer nowrap='nowrap' aussi...
Moi j'ai testé ton truc de mon côté et ça fonctionne très bien sous Firefox et IE, donc je peux pas dire si nowrap va t'aider mais bon, à toi d'essayer!
Code:

1 2 3 <div id="Layer1" style="position:absolute; left:397px; top:149px; width:200; height:200; overflow: scroll;" nowrap="nowrap">
22/02/2007, 22h58
mlaiti

waooooo!! le <pre> marche nickel!!!
Merci beaucoup beaucoup!!!
Vous m'avez enlever une épine du pied!!!
Merci à tous!