Barre de défilement dans une zone texte

**mlaiti** · 22/02/2007, 17h48

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.

**Bisûnûrs** · 22/02/2007, 18h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**mlaiti** · 22/02/2007, 19h02

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

**Amybond** · 22/02/2007, 19h39

Tu peux le faire defiler avec <marquee></marquee>

**mlaiti** · 22/02/2007, 20h04

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 

Y a-t-il un attribut pour celà ?
Merci beaucoup d'avance.

**MasterOfChakhaL** · 22/02/2007, 20h48

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;

**Poussy-Puce** · 22/02/2007, 21h52

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="Layer1" style="position:absolute; left:397px; top:149px;
width:200; height:200; overflow: scroll;" nowrap="nowrap">

**mlaiti** · 22/02/2007, 22h58

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

Barre de défilement dans une zone texte

HTML

Discussions similaires

Partager

Partager