<div> dans <table> = Impossible ?
Digit@lChord
Messages postés
129
Date d'inscription
Statut
Membre
Dernière intervention
-
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Mihawk Messages postés 4315 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je cherche a mettre une div à l'interrieur de <table> mais lorsque je charge la page, ma <div> est ejecter hors du <table>.
Donc dans mon code j'ai sa :
Et lorsque ma page est générée par le navigateur, ma div shadow (qui sert a mettre une ombre sous la ligne "champs" du tableau) sort du <table> !
Comment y remedier ?
Merci d'avance ;D !
Je cherche a mettre une div à l'interrieur de <table> mais lorsque je charge la page, ma <div> est ejecter hors du <table>.
Donc dans mon code j'ai sa :
<table>
<tr class="champs">
<td>Champ 1</td>
<td>Champ 2</td>
<td>Champ 3</td>
<td>Champ 4</td>
</tr>
<div id="shadow"></div>
<tr class="odd">
<td>Valeur 1</td>
<td>Valeur 2</td>
<td>Valeur 3</td>
<td>Valeur 4</td>
</tr>
<tr class="even">
<td>Valeur 1</td>
<td>Valeur 2</td>
<td>Valeur 3</td>
<td>Valeur 4</td>
</tr>
(Ect..., il ya beaucoup de lignes)
</table>
Et lorsque ma page est générée par le navigateur, ma div shadow (qui sert a mettre une ombre sous la ligne "champs" du tableau) sort du <table> !
Comment y remedier ?
Merci d'avance ;D !
A voir également:
- <div> dans <table> = Impossible ?
- Table ascii - Guide
- Table des matières word - Guide
- Table des caractères - Guide
- Div c++ - Télécharger - Langages
- Dans le fichier, générez ce tableau automatiquement (tableau croisé dynamique ou table de pilote) à partir des quatre premières colonnes. - Guide
4 réponses
Hello,
Il faut surement ajouter une cellule lui ajoutant l'attribut colspan qui permet de lui faire fusionner sur plusieurs colonnes.
Exemple :
Mihawk
"Tant qu'on ne fait pas, on ne sait pas."
Il faut surement ajouter une cellule lui ajoutant l'attribut colspan qui permet de lui faire fusionner sur plusieurs colonnes.
Exemple :
<table>
<tr class="champs">
<td>Champ 1</td>
<td>Champ 2</td>
<td>Champ 3</td>
<td>Champ 4</td>
</tr>
<tr>
<th colspan="4" id="shadow"></th>
</tr>
<div id="shadow"></div>
<tr class="odd">
<td>Valeur 1</td>
<td>Valeur 2</td>
<td>Valeur 3</td>
<td>Valeur 4</td>
</tr>
<tr class="even">
<td>Valeur 1</td>
<td>Valeur 2</td>
<td>Valeur 3</td>
<td>Valeur 4</td>
</tr>
(Ect..., il ya beaucoup de lignes)
</table>
Mihawk
"Tant qu'on ne fait pas, on ne sait pas."
Hello,
Quel intéret de mettre une div dans une table alors qu'une cellule suffirait ?
Sinon essaye avec span.
Quel intéret de mettre une div dans une table alors qu'une cellule suffirait ?
Sinon essaye avec span.
Bonjour,
Je n'ai vraiment compris l'intérêt, comme Mihawk :$ C'est pour faire quoi au final ? Parce qu'il y a sûrement d'autres solutions.
Je n'ai vraiment compris l'intérêt, comme Mihawk :$ C'est pour faire quoi au final ? Parce qu'il y a sûrement d'autres solutions.
Salut,
Une table:<table></table>
Une ligne: <tr></tr> (tr= table row)
Une cellule de la ligne <td></td> (table d... je sait plus peut être divide)
Si le div n'est pas dans une ligne d'une cellule il est hors de la table(et n'à rien à faire là).
ma div shadow (qui sert a mettre une ombre sous la ligne "champs" du tableau)
dans ce cas appliquez le css aux cellules de la première ligne:
table tr:firstchild td{ /* applique le style aux td dans la première balise tr de la table */
/* css de l'ombre*/
}
Une table:<table></table>
Une ligne: <tr></tr> (tr= table row)
Une cellule de la ligne <td></td> (table d... je sait plus peut être divide)
Si le div n'est pas dans une ligne d'une cellule il est hors de la table(et n'à rien à faire là).
ma div shadow (qui sert a mettre une ombre sous la ligne "champs" du tableau)
dans ce cas appliquez le css aux cellules de la première ligne:
table tr:firstchild td{ /* applique le style aux td dans la première balise tr de la table */
/* css de l'ombre*/
}