Tableaux XHTML

Résolu/Fermé
J-L03 - 26 janv. 2011 à 09:37
mael.baron Messages postés 57 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 27 août 2011 - 27 janv. 2011 à 21:43
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

Char Snipeur Messages postés 9813 Date d'inscription vendredi 23 avril 2004 Statut Contributeur Dernière intervention 3 octobre 2023 1 298
26 janv. 2011 à 09:40
il faut créer une colonne vide sur les autres lignes
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
26 janv. 2011 à 09:46
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
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
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
26 janv. 2011 à 09:52
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

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.
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
26 janv. 2011 à 10:15
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
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
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
26 janv. 2011 à 10:54
Salut, tu as bien mis le border:none sur les td et non sur les tr?
0
Il est mis sur 2 th et 1 td
0
dariumis Messages postés 571 Date d'inscription mardi 16 mars 2010 Statut Membre Dernière intervention 18 avril 2018 63
26 janv. 2011 à 11:11
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
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
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
26 janv. 2011 à 14:12
La difficulté à gérer les bordures des cellules d'un tableau est LA raison pour laquelle j'ai arrêté de les utiliser :-)
0
mael.baron Messages postés 57 Date d'inscription mercredi 3 décembre 2008 Statut Membre Dernière intervention 27 août 2011 1
27 janv. 2011 à 21:43
bsr, comment fait-on pour créer un tableau
0