<div> dans <table> = Impossible ?

Fermé

Digit@lChord Messages postés 129 Date d'inscription mardi 24 novembre 2009 Statut Membre Dernière intervention 5 septembre 2012 - 17 févr. 2012 à 22:03
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 - 18 févr. 2012 à 14:54

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 :

<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
Div c++ - Télécharger - Langages
Table des annexes word ✓ - Forum Word
Remplacer #div/0 par vide ✓ - Forum Excel

4 réponses

Réponse 1 / 4

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
Modifié par Mihawk le 18/02/2012 à 14:54

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."

Réponse 2 / 4

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 846
17 févr. 2012 à 23:06

Hello,

Quel intéret de mettre une div dans une table alors qu'une cellule suffirait ?
Sinon essaye avec span.

Réponse 3 / 4

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
18 févr. 2012 à 10:32

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.

Garth
18 févr. 2012 à 11:39

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*/

}

Réponse 4 / 4

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
18 févr. 2012 à 12:50

Ah je viens de comprendre =)
Comment est ton css pour shadow ?

Discussions similaires

Table des matières dont les titres n'apparaissent pas..

Intégrer une table des annexes et des matières sur word

Création du sommaire sous Word

Tableau croisé dynamique - absence de certaines données

insérer une table d'illustration