Sujet Précédent Sujet Suivant

<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 !

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 845
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."
2
Réponse 2 / 4
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
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.
0
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 310
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.
0
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*/

}
0
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 310
18 févr. 2012 à 12:50
Ah je viens de comprendre =)
Comment est ton css pour shadow ?
0

Discussions similaires

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

10 réponses
Intégrer une table des annexes et des matières sur word
clairon69 -
Jo -

20 réponses
Création du sommaire sous Word
Licorne rose -
C-Claire -

11 réponses
ou sont les bananes ?
Liline -
Le Pro -

2 réponses
insérer une table d'illustration
wood15 -
Cloe -

8 réponses