[HTML] mettre un DIV sur plusieurs champs d'une table
BOnjour à tous,
Je n'ai pas trouvé de réponse, à ma question cependant si en lisant vous voyez que ce thème a déjà été traité, n'hésitez pas à me le faire savoir :!!:D
je fais apparaître un div via un événement JS onMouseOver, onMouseOut:
Code:
1
2
3
| <div id="info" width:30px; height:30px;>
<a href="#" onMouseOver="Affiche_Cache('monobjet')" onMouseOut="Affiche_Cache('monobjet')">
<img src="../images/infofound.gif" border=0 align="absmiddle"> |
'monobjet' est déféni comme suit :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<div id="monobjet" width=100% style="width:400px; height:97px; z-index:1; visibility: hidden">
<table width="100%" border="0" class="bordertable" bgcolor="#FFCC33">
<tr valign="top"><td colspan="2" class="blackshade"> HELP </td>
</tr>
<tr><td colspan=2><hr align=center width=100% noshade size=1></td></tr>
<tr><td nowrap><font color="#FFCC33" >»</font><b> Status</b></td><td></td></tr>
<tr><td><i> Certified : </i></td><td>Site has external quality certification</td></tr>
<tr><td><i> Committed : </i></td><td>Site has committed to certification and has a plan in place</td></tr>
<tr><td><i> Refused : </i></td><td>Site has refused to get external certification</td></tr>
<tr><td><i> Unsure : </i></td><td>Site is aware of requirement and has not yet confirmed commitment</td></tr>
<tr><td><i> No information : </i></td><td>Site has not yet been contacted or has not yet responded to request for information on certification</td></tr>
</table>
</div> |
le DIV "info" est placé dans une cellule de table. Bien que l'attribut du DIV "monobjet" soit à "hidden", le système réserve néanmoins la place pour l'afficher, ce qui me fait une cellule énorme.
Je souhaite faire apparaître le DIV "monobjet" au dessus de la table, en ne mettant dans cette dernière que le DIV "info" pour que le système réagisse un peu comme un menu contextuel. J'ai essayé avec un colspan et rowspan, mais ca n'a pas eu d'effet.
Merci pour vos réponses, j'espère avoir été assez clair.
Nicolas
