AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Les tableaux en html

Les tableaux en html  posté le :
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 No.

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   )

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'.
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: Les tableaux en html  posté le :
Coucou Smile

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
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: Les tableaux en html  posté le :
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
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: Les tableaux en html  posté le :
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
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: Les tableaux en html  posté le :
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.
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: Les tableaux en html  posté le :
Aaah ! Je ne savais pas que c'était automatique ! Voilà qui résout le problème !
Merci à toi Very Happy !
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: Les tableaux en html  posté le :
Ahah !

Du coup, on peut archiver c'est ok ? Smile
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: Les tableaux en html  posté le :
Oui bien sûr !
Nin'gyou Korosu
avatar
Codeur UltrActif
Messages : 349
Coda'Points : 659
Date d'inscription : 17/07/2016

Niveau en programmation
HTML/CSS:
0/0  (0/0)

Re: Les tableaux en html  posté le :
Ca marche on archive !
Eluknow
avatar
Administrateur
Messages : 2185
Coda'Points : 3896
Date d'inscription : 29/08/2013

Niveau en programmation
HTML/CSS:
3/3  (3/3)

Re: Les tableaux en html  posté le :
Contenu sponsorisé


Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
A Toi de Coder - Forum de codage :: Corbeille :: Corbeille du forum-
Sauter vers: