Petite Zone scrollable

Version imprimable

24/05/2006, 17h38
metalpetsFR

Petite Zone scrollable
Bonjour,
Voila je souhaiterai simplement définir une zone de taille fixe, contenant un long texte. Et ceci avec des scroll bar si nécessaire.
Voici un exemple tout simple :
Code:

1 2 3 4 <div style="overflow:scroll; width:100px"> 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 </div>
et j'obtient :

http://neometalpets.free.fr/lol.bmp

Et je ne comprend pas pourquoi, ça passe a la ligne ...
24/05/2006, 18h47
sovo

et si tu essayais avec un texterea ??
24/05/2006, 18h49
psychoBob

overflow: auto ?
25/05/2006, 15h09
metalpetsFR

je viens d'essayer avec overflow auto, ça ne marche pas non plus, et je ne peux pas mettre une textarea car dans l'exemple il n'y a que du texte mais j'aimerai y mettre autre chose comme des boutons des tableaux etc..

Code:

1
2
3
<div style="overflow:scroll; width:100px;white-space: nowrap;">
   1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1
  </div>

Ca te va comme ca ?:roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<html>
  <head>
    <title>Page de démonstration</title>
    <meta http-equiv="Content-Type"
      content="text/html; charset=iso-8859-1" />
    <style type="text/css">
    <!--
      div#bloc1 {
          width: 300px;
          height: 150px;
          overflow: scroll;
          border: 1px solid #000;
      }
    -->
    </style>
  </head>
  <body>
    <div id="bloc1">
      texte
    </div>
  </body>
</html>

Tu peux agrandir, élargir en modifiant les propriétés css ...
En esperant que ça réponde à ta demande ;)

26/05/2006, 13h02
metalpetsFR

Merci les gars c'est tout a fait ça (enfin surtout le white-space: nowrap; :P )

Fuseau horaire GMT +2. Il est actuellement 03h29.