Discussion :

[Totsuzen]

Bonjour ami(e)s développeurs,

Voilà, je débute en css (et en forum de communauté de développeurs!) et j'ai un petit soucis.

Je souhaite afficher un tableau dans une division qui apparait sur évenement Javascript (onMouseOver). Ma div apparait bien, mais mon tableau en dehors de celle-ci.

En effet l'html afficher est :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div id="fenetre_alerte" onmouseout="getElementById(this.id).style.display="none";" style="display: none;"></div>
 
<table class="alerte_unique">
<tbody>Cotenu</tbody>
</table>

Alors que dans mon code, ma table figure bien dans ma div.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div id="fenetre_alerte" onMouseOut=getElementById(this.id).style.display="none";><table class="alerte_unique"><tr><td> Fichier : 90327</td><td> Message : Kikou</td></tr><tr><td> Fichier : 90274</td><td> Message : Howdy</td></tr></table></div>

Je pense que la cause se passe dans mon css (que je ne maitrise pas encore) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
#fenetre_alerte {
   font-family      : cursif;
   font-size        : 100%;
   height           : 100px;
   width            : 25%; 
   min-width        : 300px;    
   background-color : #F1F3F5;
   display          : none;
   position         : absolute;
   margin-left      : 18.5%;   
   border-radius    : 10px 0px 10px 10px;
   border-style     : solid;
   border-width     : 3px;
   border-color     : #33A133;   
   z-index          : 10;
}
 
.alerte_unique {
    background-color: #F1F3F5;
    border-color    : #33A133;
    border-style    : solid;
    border-width    : 0px;
    font-family     : cursif;
    margin-left     : 4%;
    margin-top      : 8px;
    min-width       : 250px;
    /*position        : relative;*/
    width           : 92%;
    height          : 30px;
    vertical-align  : middle;
    text-align      : left;
    /*z-index          : 11;*/
}

Mon tableau s'affiche mais pas dans la div souhaité. Pourquoi ? Si quelqu'un peut porter une aide, je lui en serai très reconnaissant. Merci !

[Totsuzen]

Problème résolu : j'ouvrai un tableau en amont aves des balises <tr> mais pas de balises <td>.... du coup le code à décidé de merder un peu plus loin

[NoSmoking]

Bonjour,

du coup le code à décidé de merder un peu plus loin ...

non c'est le navigateur qui essaie de corriger au mieux, d'où l'importance d'une structure rigoureuse.