Les tableaux en html

Bonjour à tous !

J'ai tenté de faire un tableau pour pouvoir m'entraîner sur ce tutoriel.
J'ai tout compris jusqu'à arriver au CSS

.

Dans mon tableau je voudrais rendre une cellule invisible afin de rendre le tout plus esthétique, mais je ne comprends pas où mettre le code CSS

Code:: #name{
empty-cells: hide;
}

.

Voici le début de mon tableau:

Code:: <table border="1">
<caption> Programme télé de la semaine</caption>
<tr>
<td colspan="2"> ------- </td>
<th> RTL </th>

(Oui je tente de répondre à une commande alors que je n'y connais rien Les tableaux en html 2354403447

)

C'est la cellule ----- que je voudrais rendre invisible.

Tant qu'on y est, y-a t'il une règle générale pour insérer du CSS dans du HTML ? (Genre toujours après quelque chose, ou bien toujours entre quelque chose de précis ?)

Voilà, en espérant avoir été suffisamment clair.
Merci de votre future aide,
Nin'.

Coucou

Alors, c'est très bien d'avoir posé ta question ! Il ne faut jamais rester avec une question sans réponse !

En fait, tu dois attribuer la propriété empty-cells sur la balise <table>
Pour cela, tu as deux façons de le faire :
Avec l'attribut style="" :

Code:: <table border="1" style="empty-cells:hide;">
<caption> Programme télé de la semaine</caption>
<tr>
<td colspan="2"> ------- </td>
<th> RTL </th>

Dans les balises style :

Code:: <!doctype html>
<html>
<head>
<style>#tableau{empty-cells:hide;}</style>
</head>
<body>
<table border="1" id="tableau">
<caption> Programme télé de la semaine</caption>
<tr>
<td colspan="2"> ------- </td>
<th> RTL </th>
</body>

Du coup pour répondre à ta deuxième question :
On peut mettre le CSS à deux endroits dans une page =
Dans les attributs style :

Code:: <div style="toncss"></div>
<p style="toncss"></p>
<h1 style="toncss"></h1>
<a href="http://www.google.com" style="toncss"></a>
etc..

Ou bien dans la balise style en utilisant des sélecteurs:

Code:: <!doctype html>
<html>
<head>
<title>Ton titre de page</title>
<meta charset="utf-8" />
<style>#container{
ton css;
}
#unautre{
ton css;
}
</style>
</head>
<body>
<p id="container"></p>
<img src="image.jpg" alt="Mon image" id="unautre" />
</body>
</html>

Tu as compris ? Smile

J'oubliais : de toute façon, tu auras toutes tes réponses dans la formation à laquelle tu t'es inscrite et qui commence demain Wink

Haaan le double post de l'admin Surprised

!

Pour le fait de l'intégrer avec une balise style j'ai compris, pour l'autre peut être un peut moins x)
Mais du coup si je mets le code au début du code, je fais comment pour indiquer au tableau quelle cellule doit être cachée '-' ?
Et si je veux cacher deux cellules côte à côte, je dois réécrire le code ou on peut lui indiquer plusieurs cellule en une fois ?

En tout cas merci beaucoup pour ta première réponse, elle m'a bien aidée Very Happy

Ce sera plus clair dans la formation, mais si tu veux je peux te réexpliquer Smile

.

En fait, si tu attribues la propriété empty-cells à ton tableau, toutes les cellules de ce dernier sont concernés.
Du coup, si tu as 3 cellules sans contenu, elles seront cachées automatiquement si tu mets empty-cells:hide; au tableau. Et ce, en ne lui attribuant qu'une seule fois la propriété Wink

.

Aaah ! Je ne savais pas que c'était automatique ! Voilà qui résout le problème !
Merci à toi Very Happy

!

Ahah !

Du coup, on peut archiver c'est ok ? Smile

Oui bien sûr !

Ca marche on archive !