Comment corriger la ligne de titre dans un tableau en utilisant CSS ?[fermé]
Question
J'ai créé un tableau sans bordures dans les colonnes et j'ai donné une bordure de 1 px uniquement dans les lignes.
J'ai utilisé la propriété « bordure réduite », puis j'ai donné à toutes les lignes une bordure de 1 px.
Cependant, mon problème est que la rangée des titres est un peu plus longue que le reste du tableau ?
Est-ce que quelqu'un sait comment puis-je le réparer ?
Merci d'avance.
Code HTML:
<!DOCTYPE html>
<html>
<title>web programming project 2</title>
<link rel="stylesheet" type="text/css" href="exe2CSS1.css">
<body>
<table class=outlined>
<tr id=headline>
<th class=side>Item</th>
<th class=side>Manufacturer</th>
<th class=side>Size</th>
<th class=center>Unit Price</th>
<th class=center>Quantity</th>
<th class=center>Total Price</th>
</tr>
<tr class=firstCol>
<td class=side>Corn Flakes</td>
<td class=side>Kellogg's</td>
<td class=side>18 0z</td>
<td class=center>2.5</td>
<td class=center>1</td>
<td class=center>2.5</td>
</tr>
<tr class=secondCol>
<td class=side>Solid White Tuna</td>
<td class=side>Starkist</td>
<td class=side>5 oz</td>
<td class=center>2.79</td>
<td class=center>2</td>
<td class=center>5.58</td>
</tr>
</table>
</body>
</html>
code css :
.outlined
{
font:13px Tahoma;
width: 75%;
border-collapse: collapse;
}
tr {
border: 1px solid white;
}
.secondCol{
background-color: #eeeff2
}
.firstCol{
background-color: #dfe1e7
}
.center{
text-align: center;
}
.side{
text-align: left
}
#headline{
background-color: #687291;
color: white;
}
La solution
Il vous manque des guillemets autour de la valeur des attributs et vous avez manqué une clôture </th>
sur la première ligne pour "Prix total" (vous avez un <th>
plutôt)
<tr id="headline">
<th class="side">Item</th>
<th class="side">Manufacturer</th>
<th class="side">Size</th>
<th class="center">Unit Price</th>
<th class="center">Quantity</th>
<th class="center">Total Price</th>
</tr>
Autres conseils
HI votre dernière balise n'est pas fermée correctement "genièvreodiceTagCode"
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow