Discussion :

[City-zen]

Bonjour
Mon tableau possède une en-tête qui a pour attribut un colspan égal à trois.

J'aimerais que les bordures de mon tableau trace uniquement les bord des th et les prolongeant à la suite du tableau.

Est-ce possible?

Merci

[Gaetan_]

Bonjour,

En css certainement mais j'ai du mal à saisir :

les bordures de mon tableau trace uniquement les bord des th et les prolongeant à la suite du tableau.

Quels bords, tous (haut/bas/gauche/droite) ?

Qu'entends tu par "prolongeant à la suite du tableau" ?

[City-zen]

Un TH contient horizontalement 3 TD.
J'aimerais donc que la bordure se trace horizontalement tout les 3 TD en prolongement du TH.
Verticalement, il y a un TH par ligne et j'aimerais que toute les lignes soient tracées.
C'est en ça que je dis que j'aimerais que les border du TH s'étendent au reste du tableau

___!------------------------------------------------------------!
TR !---------!-----TH---!-----TH----!------TH-----!----TH----!
___!------------------------------------------------------------!
TR !----TH--! TD TD TD! TD TD TD ! TD TD TD ! TD TD TD!
___!------------------------------------------------------------!
TR !----TH--! TD TD TD! TD TD TD ! TD TD TD ! TD TD TD!
___!------------------------------------------------------------!

Voilà en gros ce que je veux faire si tu arrives à comprendre.

[NoSmoking]

Bonjour,
sémantiquement une TH est en tête de TABLE, pas sur toutes les lignes.

Il serait intéressant que tu nous montres la structure de TABLE, car à vue de nez le CSS va commencer à ce compliquer, mais pas sûr du tout...

[Gaetan_]

Si je comprends bien il s'agit du second <TD> qui te pose problème car seul celui là n'a pas de bordure à gauche et à droite ?

Ton tableau se créé t'il de façon dynamique ? (php par exemple)

[City-zen]

Bon ben pour les plus courageux voilà le code complet.

Actuellement, je crée des espace dans un TD là ou j'aimerais que ce trace le border.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<table id="plages" border="1">
<tr>
	<th></th>
    <th colspan="4">10h</th>
    <th colspan="4">11h</th>
    <th colspan="4">12h</th>
    <th colspan="4">13h</th>
    <th colspan="4">14h</th>
    <th colspan="4">15h</th>
    <th colspan="4">16h</th>
    <th colspan="4">17h</th>
    <th colspan="4">18h</th>
    <th colspan="4">19h</th>
  </tr>
 
 
</table>

Je vous conseil de crée un fichier PHP plutôt que d'essayer de lire le code.