Discussion :

[aertys]

Bonjour à tous,

j'aimerais fusionner les bordures des cellules d'un tableau mais je n'y arrive pas .

je vous ai joint un fichier qui montre ce qui s'affiche (les cellules toutes séparées en fond bleu) et ce que je voudrais (le tableau à droite)

voici mon code css.

Code CSS :

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
19
20
21
22
23
24
25
26
td, th {
     border-width: 10px; 
     border-color: black;
     border-style:solid;
     border-collapse: collapse;
}
th {
     font-size: 1.5em;
}
 
table.rows::last-of-type {
     border-bottom: 2px black groove;
}
table.rows.cols:last-of-type {
     border-right: 2px black groove;
}
table.rows.cols:first-of-type {
     border-left: 2px black groove;
}
caption {
     border-width: 2px; 
     border-color: black;
     border-style: groove;     
     font-size: 2em;
     font-weight: bold;
}

Merci de votre aide

[psychadelic]

https://developer.mozilla.org/fr/doc...border-spacing

https://developer.mozilla.org/fr/doc...order-collapse

[aertys]

merci

je vais regarder les liens envoyés
Mais j'ai un 2ème souci que je n'ai pas réussi à résoudre :

Code CSS :

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

1
2
3
4
5
6
7
8
9
table.rows::last-of-type {
     border-bottom: 2px black groove;
}
table.rows.cols:last-of-type {
     border-right: 2px black groove;
}
table.rows.cols:first-of-type {
     border-left: 2px black groove;
}

dans ces lignes j'ai tenté de mettre des bordures plus épaisses et d'un style différent pour chaque coté , mais vous vous en doutez, rien ne s'affiche comme je veux.

pouvez-vous me dire où est l'erreur

Merci d'avance

[aertys]

merci pour les liens

cela fonctionne