Petite Zone scrollable

**metalpetsFR** · 24/05/2006, 17h38

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 :

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

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 :

Et je ne comprend pas pourquoi, ça passe a la ligne ...

**sovo** · 24/05/2006, 18h47

et si tu essayais avec un texterea ??

**psychoBob** · 24/05/2006, 18h49

overflow: auto ?

**metalpetsFR** · 25/05/2006, 15h09

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..

**Kerod** · 25/05/2006, 15h24

Code :

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

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 ?

**Nemesys** · 25/05/2006, 15h25

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
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>