Problème de tableau HTML / CSS

**laulau37** · 02/07/2007, 16h53

Bonjour à tous,

j'ai un petit problème, ma requête php me ressort un trop grand nombre de résultats et mon tableau est beaucoup trop grand.

Est-il possible de faire en sorte que mon tableau occupe que la moitié de ma page en hauteur et qu'il comporte une liste déroulante sur le coté pour accéder à toute les valeurs sans avoir à utiliser la liste déroulante de la page.

Voilà j'espère que quelqu'un pourra m'aider

Merci d'avance.

**Sheriff** · 02/07/2007, 22h58

salut !
did you mean iframe ?
avec les div c'est tout à fait possible de simuler un scroll.
@+

**Bisûnûrs** · 03/07/2007, 08h41

Utilise un overflow:auto sur un élément block encadrant ton tableau et en spécifiant une hauteur à cet élément.

**laulau37** · 03/07/2007, 10h26

J'ai entouré mon tableau d'une balise <div> avec un overflow:auto mais ça ne marche pas :/

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
<div id="content" style="position:absolute; width:95%; height:380px; top:10%; border:solid 1px; overflow:auto;" >
<table>
<?php do { ?>
	  <tr>
      <td><?php echo $req_doss['Commune']; ?></td>
      <td>
	  <?php
          echo $req_avis['Nombre'];
                 
           ?>
	  </td>
      </tr>
	<?php } while ($req_doss=mysql_fetch_array($statdoss)); ?>
	</table>
	</div>

J'ai un gros rectangle qui représente la balise div mais mes valeurs ne sont pas dedans, je ne vois pas trop pourquoi.

J'ai utilisé une portion de code pour mon div en cherchant sur le net/forum mais si vous pouviez me dire à quoi correspond id.

**Wharenn** · 03/07/2007, 10h38

Bonjour,
ton code semble bon et fonctionne chez moi. Vérifie que ce ne sont pas tes variables qui sont vides.

**Bisûnûrs** · 03/07/2007, 10h39

Merci de nous donner le code généré et non pas le code PHP.

Sinon ça fonctionne très bien :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<div id="content" style="position:absolute; width:95%; height:380px; top:10%; border:solid 1px; overflow:auto;" >
   <table> 
      <tr>  
         <td>Texte 1</td>  
         <td>  
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
            Texte 2<br />
         </td>
      </tr>
   </table>
</div>

L'attribut id sert en Javascript et en CSS, pour accéder aux éléments de ta page.

Il doit être unique dans une page donnée.

**laulau37** · 03/07/2007, 11h29

ok le code est bon (merci à vous) j'ai mon div avec mon tableau dedans, mes valeurs, ma liste déroulante.

Mais

j'ai essayé d'entourer la balise <div> d'un center ou d'un <p align="center"> pour mettre mon tableau au milieu de la page, mais ça ne marche pas.

Sinon sur le screen j'ai creé une page de test il n'y a rien d'autre à part ce code :

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
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head></head>
<body>
 
 
<table width="100%" height="50" border="3" bgcolor="black">
 
<div id='barre_onglets' align="center">
<center>
<a href='/projet/handicap/accueil.php'>Accueil</a>
<a href='/projet/handicap/Enregistrement.php'>Enregistrement</a>
<a href='/projet/handicap/Modification.php'>Modification</a>
<a href='/projet/handicap/OrdreDuJour.php'>Ordre du jour</a>
<a href='/projet/handicap/Avis.php'>Avis</a>
 
<a href='/projet/handicap/BE.php'>BE</a>
<a href='/projet/handicap/Consultation.php'>Consultation</a>
<a href='/projet/handicap/Parametres.php'>Paramètres</a>
<a href='/projet/handicap/Statistiques.php'>Statistiques</a>
</div>
</table>
 
 
 
<div align="center" id="content" style="position:absolute; width:50%; height:380px; top:10%; border:solid 1px; overflow:auto;" >
<table border="1">
      <tr>
      <td><strong>Commune</strong></td>
 
      <td></strong>Nombre de dossiers par commune</strong></td>
	  </tr>
	  <tr>
      <td align="center">ABILLY</td>
      <td align="center">7</td>
      </tr>

etc jusqu'a </table></div></body></html>

mais quand je met ce code avec le reste de mes statistiques les autres données chevauche la balise div :/

en gros dès que je met une balise div je dois mettre d'autres div partout dans le reste de ma page ?