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 :

Tableaux cote à cote


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    36
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Mars 2007
    Messages : 36
    Par défaut Tableaux cote à cote
    Bonjour,
    Je voudrais savoir si il existe un moyen de mettre deux tableaux cote à cote sur une page web afin de pouvoir gérer la hauteur des cellules d'un tableau indépendemment de l'autre.
    D'avance merci

  2. #2
    Membre expérimenté
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    254
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Avril 2007
    Messages : 254
    Par défaut
    Les mettre dans un tableau 1 ligne, 2 colonnes?

  3. #3
    Membre très actif Avatar de magnus2005
    Profil pro
    Ingenieur SI
    Inscrit en
    Avril 2005
    Messages
    454
    Détails du profil
    Informations personnelles :
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingenieur SI

    Informations forums :
    Inscription : Avril 2005
    Messages : 454
    Par défaut
    En utilisant les css on peut faire aussi

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
         <table style="float:left"> la ton premier tableau....</table>
          <table style="float:left"> la ton deuxieme tableau....</table>
    ou
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
     
         <table style="float:left"> la ton premier tableau....</table>
          <table style="float:right"> la ton deuxieme tableau....</table>

  4. #4
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    36
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Mars 2007
    Messages : 36
    Par défaut
    La solution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
         <table style="float:left"> la ton premier tableau....</table>
    est mieux que ce que j'avais pensé
    Seul petit problème c'est que maintenant le tableau de droite doit être en milieu de page mais il est décalé à cause du tableau de gauche.

  5. #5
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    il faut ajuster les padding aussi peut etre??
    question de réduire les espaces entourant ton tableau de gauche !

  6. #6
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    36
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Mars 2007
    Messages : 36
    Par défaut
    Comment on fait pour ajuster les padding ? ^^

    Le site que je modifie est celui qui est dans mon profil si cela peut vous aider.

    Un autre problème : mon tableau de droite est aussi décalé en hauteur par rapport à celui de gauche.

  7. #7
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    Citation Envoyé par jojodivx
    La solution :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
         <table style="float:left"> la ton premier tableau....</table>
    est mieux que ce que j'avais pensé
    Seul petit problème c'est que maintenant le tableau de droite doit être en milieu de page mais il est décalé à cause du tableau de gauche.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <table style="float:left; padding-top: 3cm ;"> ..... </table>
    il y a padding-left;padding-right;padding-bottom ...

  8. #8
    Membre averti
    Inscrit en
    Mars 2007
    Messages
    36
    Détails du profil
    Informations personnelles :
    Âge : 37

    Informations forums :
    Inscription : Mars 2007
    Messages : 36
    Par défaut
    Si j'ai bien compris ce qu'est le padding, il sert à faire des espacements dans un tableau.
    Le problème c'est que j'ai deux tableaux et il y a un espace vide entre les deux.

  9. #9
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    Si tu utilises une CSS tu peux créer deux classes et tu mets pour chacune la position absolue adequate!
    sinon si tu n'utilises pas de CSS tu peux mettre les deux tableau dans un grand tableau :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
     
    <table>
      <tr>
        <td>
            <table> la ton premier tableau....</table>
        </td>
        <td>
            <table> la ton deuxieme tableau....</table>
        </td>
      </tr>
    </table>

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

Discussions similaires

  1. Mettre deux tableaux cote à cote au milieu de la page
    Par rostomus dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 4
    Dernier message: 11/03/2010, 12h31
  2. [FPDF] Générer deux pages cote à cote
    Par jcachico dans le forum Bibliothèques et frameworks
    Réponses: 3
    Dernier message: 20/04/2007, 10h09
  3. Deux div cote à cote ?
    Par J0r_x dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 07/02/2007, 09h10
  4. Réponses: 2
    Dernier message: 06/02/2007, 11h36
  5. [RaveReport] Comment disposer des DataBand cote à cote ?
    Par stepschn dans le forum Composants VCL
    Réponses: 2
    Dernier message: 21/06/2004, 09h45

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