Tableaux XHTML
Résolu
J-L03
-
mael.baron Messages postés 57 Date d'inscription Statut Membre Dernière intervention -
mael.baron Messages postés 57 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.
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
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 !
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 !
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.
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.
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.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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.
PS : Merci pour votre aide.
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.
Autre solution : placer une propriété "vertical-align:bottom" dans la cellule de gauche.
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.
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.
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.
Un grand merci pour votre aide.
