question class sous css

**Eddy.vh** · 16/04/2024, 16h35

Hello,

Tu cibles la table avec la classe mais aussi tous les th et tous les td, peu importe la classe ou celle du parent.

Essayé

table.vttable, table.vttable th, table.vttable td { border: 2px solid green;
border-collapse: collapse;
padding-left: 10px;
}

**SousLeSoleil** · 16/04/2024, 20h17

Bonjour Eddy.vh et merci pour ta réponse

j'ai testé sur un schéma simple la solution que tu m'as proposée : et le résultat est le même dans les deux cas:

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
border: 1px solid;
}
table.vttable,table.vttable th, table.vttable td, {
border: 2px solid green;
border-collapse: collapse;
padding-left: 10px;
}
</style>
</head>
<body>

<h2>Add a border to a table:</h2>

<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>

<p></p>
<h2>Add a border A to the second table:</h2>

<table class="vttable">
<tr>
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
</tr>
</table>
</body>
</html>

Bref, je n'est pas le résultat escompté.
Bien cordialement.

**Eddy.vh** · 16/04/2024, 21h05

Et pourtant… Si tu utilises le code comme je l'ai indiqué, tout va bien, encore faut-il le faire correctement.
Retire la virgule en fin de "table.vttable,table.vttable th, table.vttable td,"

**SousLeSoleil** · 17/04/2024, 13h52

Bonjour Eddy.vh

Ok , cela a donné le résultat escompté, une fois la virgule finale retirée.

Je vais pouvoir continuer.
Je vais consulter ton tutoriel.

Un grande merci et bien cordialement.

question class sous css

[RÉGLÉ] question class sous css

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association