Tableaux XHTML

Résolu
J-L03 -  
mael.baron Messages postés 38 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

voici mon problème :

j'aimerai réaliser un tableau qui ressemble à ça :

_____________________________________________________
| NOM_COL1 | NOM_COL2 | NOM_COL3 | NOM_COL4 | NOM_COL5 |
_____________________________________________________
| Données | Données | Données | Données | Données |
| Données | Données | Données | Données | Données |
| Données | Données | Données | Données | Données |
| Données | Données | Données | Données | Données |
_____________________________________________________
TOTAL: | TOTAL_COL | TOTAL_COL | TOTAL_COL| TOTAL_COL | TOTAL_COL|

(le mot en gras total doit se trouver sur la gauche de la dernière ligne du tableau pour indiquer ce qui se trouve dans la dernière ligne du tableau)

J'arrive à créer le tableau sans soucis. Le seul problème c'est que je n'arrive pas à mettre le mot TOTAL (voir sur le schéma en gras) devant la dernière ligne afin que les utilisateurs sachent que cette ligne comprend les différents totaux de chaque colonne.

Si quelqu'un a une idée...

Merci.

11 réponses

  1. Char Snipeur Messages postés 10112 Date d'inscription   Statut Contributeur Dernière intervention   1 331
     
    il faut créer une colonne vide sur les autres lignes
    0
  2. Mihawk Messages postés 4753 Statut Contributeur 846
     
    Hello,

    Si tu veux vraiment que tes colonnes soient alignées, il faut créer une colonne de plus à gauche. Là où les autres auront un titre et des valeurs, celle-ci n'aura rien... Excepté le mot TOTAL dans sa dernière cellule !
    0
  3. J-L03
     
    Oui j'ai déjà essayé mais alors je n'arrive pas à fusionner mes cellules verticalement afin que ça fasse une seule grand colonne sans ligne de séparation.
    0
  4. Mihawk Messages postés 4753 Statut Contributeur 846
     
    Pourtant avec rowspan="#" (ou # est le nombre de lignes de ton tableau-1) ça devrait marcher.

    Cf. ici : https://html.com/tables/rowspan-colspan/
    Tout en bas de la page.

    Si tu n'y arrive pas, poste ici le code de ton tableau et je te corrigerai.

    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. J-L03
     
    Oui mais quand je me sers de rowspan il essaie de fusionner les cellules vers le bas donc ça ne m'avance pas. Et si je me sers de rowspan dans la 1ère cellule de ma colonne vide, le mot TOTAL remonte à hauteur de la 1ère ligne donc ça ne m'avance pas non plus.

    PS : Merci pour votre aide.
    0
  7. Mihawk Messages postés 4753 Statut Contributeur 846
     
    Si le mot total remonte c'est que le rowspan inclue également la dernière cellule (TOTAL). Il faut donc soustraire 1 à la valeur du rowspan.
    Autre solution : placer une propriété "vertical-align:bottom" dans la cellule de gauche.
    0
  8. J-L03
     
    Merci beaucoup pour ton aide, j'ai réussi à faire ce que je veux.

    Il me reste juste un problème : je n'arrive pas à retirer la bordure aux cellules qui composent la colonne TOTAL. J'ai mis une class dessus avec les propriétés border: none; mais ça ne change rien.
    0
    1. dariumis Messages postés 583 Statut Membre 63
       
      Salut, tu as bien mis le border:none sur les td et non sur les tr?
      0
  9. J-L03
     
    Il est mis sur 2 th et 1 td
    0
    1. dariumis Messages postés 583 Statut Membre 63
       
      Ca devrait marcher, mais comme tu as du définir les bordures sur la totalité du tableau avant ça, il faut peut etre forcer la valeur css:

      .taClass{
      border:none!important;
      }
      0
  10. J-L03
     
    Ca ne fonctionne pas malgré le !important donc je pense que je vais retirer la bordure à toutes les cellules et la mettre seulement sur celles dont c'est nécessaire.

    Un grand merci pour votre aide.
    0
  11. Mihawk Messages postés 4753 Statut Contributeur 846
     
    La difficulté à gérer les bordures des cellules d'un tableau est LA raison pour laquelle j'ai arrêté de les utiliser :-)
    0
  12. mael.baron Messages postés 38 Date d'inscription   Statut Membre Dernière intervention   1
     
    bsr, comment fait-on pour créer un tableau
    0