Problème de tableau HTML / CSS

Version imprimable

02/07/2007, 15h53
laulau37

Problème de tableau HTML / CSS

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

Merci d'avance.
02/07/2007, 21h58
Sheriff

salut !
did you mean iframe ?
avec les div c'est tout à fait possible de simuler un scroll.
@+
03/07/2007, 07h41
Bisûnûrs

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

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

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.

03/07/2007, 09h38
Wharenn

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

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

Sinon ça fonctionne très bien :

Code:

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.

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

Mais :D 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.

http://img176.imageshack.us/img176/2109/statsst0.th.jpg

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

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 ?

03/07/2007, 10h42
Bisûnûrs
C'est parce que ton div est en position absolue.

Retire ce code dans le style de ton div :
Code:

1 2 position:absolute; top:10%;
03/07/2007, 10h46
laulau37
Citation:
Envoyé par Bisûnûrs

C'est parce que ton div est en position absolue.

Retire ce code dans le style de ton div :

Code:

1 2 position:absolute; top:10%;
Ca marche un grand merci à toi et aux autres :P