Salut tout le monde,
Bon ce que je cherche est un peu difficile à expliquer, je vais faire de mon mieux en esperant que je me fasse comprendre
Prenons la table suivante :
Code :
<table>
<tr>
<td id="topLeft">
Lorem Ipsum
</td>
<td id="topRight">
Lorem Ipsum
</td>
</tr>
<tr>
<td id="midLeft">
<div id="menu" class="menu">
Menu
</div>
<div id="subMenu" class="subMenu">
subMenu
</div>
</td>
<td id="midRight">
Lorem Ipsum
</td>
</tr>
<tr>
<td id="btmLeft">
Lorem Ipsum
</td>
<td id="btmRight">
Lorem Ipsum
</td>
</tr>
</table>
Maintenant, sans rentrer dans les détails du pourquoi, je ne peux écrire QUE dans le
td id=midLeft. Les autres TD ne sont pas accessibles.
Pourtant, je veux que lorsque je mouse-over le
div menu, le
div subMenu s'affiche à droite du TD ou il est.
J'ai essayé de faire une combinaison javascript/CSS ou le
div subMenu a la position:absolute, puis à l'aide de JS, trouver la position du
div menu et faire :
topSubmenu = topMenu
leftMenu = leftSubmenu + 150
...mais ça ne fonctionne pas.
Si quelqu'un pouvait m'aider en me donner simplement du CSS afin de faire en sorte que le
subMenu apparaisse AU DESSUS du contenu du
td midRight, ce serait parfait.
La seule condition, comme je l'ai dit, est que le code doit être placé dans le
td midLeft.
Merci,
Simo
APERÇU :Le sous menu apparait dans la colonne de droite, mais le code doit être placé dans la colonne de gauche.