IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Problème de tableau HTML / CSS


Sujet :

HTML

  1. #1
    Membre à l'essai
    Inscrit en
    Juin 2007
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut 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

    Merci d'avance.

  2. #2
    Membre éclairé Avatar de Sheriff
    Inscrit en
    Octobre 2004
    Messages
    608
    Détails du profil
    Informations forums :
    Inscription : Octobre 2004
    Messages : 608
    Points : 718
    Points
    718
    Par défaut
    salut !
    did you mean iframe ?
    avec les div c'est tout à fait possible de simuler un scroll.
    @+
    Que votre situation soit bonne ou mauvaise, cela va changer...

  3. #3
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    Utilise un overflow:auto sur un élément block encadrant ton tableau et en spécifiant une hauteur à cet élément.

  4. #4
    Membre à l'essai
    Inscrit en
    Juin 2007
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut
    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.

  5. #5
    Membre régulier
    Profil pro
    Étudiant
    Inscrit en
    Juin 2006
    Messages
    83
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Juin 2006
    Messages : 83
    Points : 95
    Points
    95
    Par défaut
    Bonjour,
    ton code semble bon et fonctionne chez moi. Vérifie que ce ne sont pas tes variables qui sont vides.

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    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.

  7. #7
    Membre à l'essai
    Inscrit en
    Juin 2007
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut
    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 ?

  8. #8
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 868
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 868
    Points : 16 258
    Points
    16 258
    Par défaut
    C'est parce que ton div est en position absolue.

    Retire ce code dans le style de ton div :

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    position:absolute;
    top:10%;

  9. #9
    Membre à l'essai
    Inscrit en
    Juin 2007
    Messages
    13
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 13
    Points : 10
    Points
    10
    Par défaut
    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 css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    position:absolute;
    top:10%;
    Ca marche un grand merci à toi et aux autres

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [Drupal] problème d'intégration html/css dans drupal7
    Par moufky dans le forum EDI, CMS, Outils, Scripts et API
    Réponses: 0
    Dernier message: 18/10/2013, 22h43
  2. Taille tableau html / css
    Par juju77 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 13/06/2013, 20h55
  3. Problème avec Tableau HTML, Rowspan et Onmouseover
    Par Jordel dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 30/04/2009, 15h38
  4. [HTML] [CSS ?] Tableau : problème avec cellules
    Par Epistoliere dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 07/08/2006, 18h04
  5. [HTML/CSS] problème bordure de tableau
    Par LE NEINDRE dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 18/08/2005, 12h42

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo