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 :

Comment centrer certaines colonnes d'un tableau ?


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Inscrit en
    Mai 2007
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 2
    Par défaut Comment centrer certaines colonnes d'un tableau ?
    Bonjour,

    Voila quelques jours que je bute sur un probleme.
    J'ai un tableau de 3 colonnes. Les deux premieres ont une taille fixe, la troisieme colonne a une taille variable (cellules remplies ou pas).
    J'aimerai que dans tous les cas, les deux premieres colonnes de mon tableau se trouvent bien au centre de ma page.

    Si j'utilise "align=center" dans <table>, lorsque la troisieme colonne est vide le rendu est a peu pres correct, mais lorsqu'elle est remplie mes deux premieres colonnes se retrouvent completement deplacees sur la gauche (le texte remplissant les cellules de la troisieme colonne peut etre relativement long ...).

    Le probleme peut etre partiellement resolu en utilisant un "margin-left : uncertain%" mais cela ne donne pas ce que je veux lorsque je reduis la page. Bref, j'aimerai autant que possible eviter cette methode.

    Je vous remercie d'avance de toute aide que vous pourrez m'apporter.

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Je ne vois pas d'autre solution que de faire deux tableaux différents ..

  3. #3
    Membre expérimenté
    Inscrit en
    Mai 2007
    Messages
    201
    Détails du profil
    Informations forums :
    Inscription : Mai 2007
    Messages : 201
    Par défaut
    Je sui daccord !!
    j'ai beau reflechi je ne trouve pas de moyen que de séparer en deux tableaux différents !

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    <table border="1" style="margin:0 auto;width:400px">
       <tr>
          <td width="200">Cellule 1</td>
          <td width="200">Cellule 2</td>
       </tr>
    </table>
    <table border="1" style="position:absolute;top:0;left:50%;margin-left:100px">
       <tr>
          <td>Cellule 3</td>
       </tr>
    </table>
    Tiens, je ne sais pas si c'est la meilleure solution, mais elle fonctionne.

  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
    Bah si la solution te va ! tant mieux ! Dans le code rien ne me choque !tout a l'air correcte
    Par contre pour question de propreté il vaut mieux séparer le style du conteu !
    Donc a mon avis, il vaut mieu faire une feuille de style à part et dans ta page tu n'utilises que des references ...
    Apres c'est mona vis

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

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par chaminette
    Par contre pour question de propreté il vaut mieux séparer le style du conteu !
    Donc a mon avis, il vaut mieu faire une feuille de style à part et dans ta page tu n'utilises que des references ...
    Je ne propose qu'une solution vite fait, je n'ai simplement pas pris la peine de faire une feuille de style pour ça.

Discussions similaires

  1. Cacher certaines colonnes d'un tableau en javascript
    Par Raiden1234 dans le forum Struts 2
    Réponses: 5
    Dernier message: 04/06/2008, 10h54
  2. Réponses: 7
    Dernier message: 17/07/2007, 15h29
  3. Réponses: 4
    Dernier message: 04/09/2006, 15h40
  4. Ne faire apparaître que certaine colonne d'un tableau
    Par zuzuu dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 20/07/2006, 14h23
  5. [vb 2005]Datagridview : comment afficher certaines colonnes
    Par estelledany dans le forum Windows Forms
    Réponses: 5
    Dernier message: 27/05/2006, 02h41

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