<div> dans <table> = Impossible ?
Digit@lChord
Messages postés
141
Statut
Membre
-
Mihawk Messages postés 4753 Statut Contributeur -
Mihawk Messages postés 4753 Statut Contributeur -
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 !
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 :<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.
-
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.-
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*/
}
-
-
Ah je viens de comprendre =)
Comment est ton css pour shadow ?
