bonjour,
je viens de faire un truc qui marche sur IE, mais pas sur Netscape, ni sur firefox, j'aimerai bien savoir s'il y a des solutions ou si rien à faire.
voilà la partie du code de la page : j'ai des images que je positionne par rapport à un td et que je met invisible, je souhaite les rendre visibles quand je passe sur les menus correspondant :
le code du td :
Code :
- <td colspan="3" id="montd"><img src="images/accueil/vuemer.jpg" name="vue" width="756" height="176" id="vue">
- <div id="estagnol" class="estagnol" style="visibility:hidden "><img src="images/PICT0114.jpg" width="163" height="122"></div>
- <div id="miramar" class="miramar" style="visibility:hidden "><img src="images/bateau.jpg" width="107" height="163"></div>
- <div id="oiseaux" class="oiseaux" style="visibility:hidden "><img src="images/001.jpg" width="163" height="122"></div>
- <div id="vignobles" class="vignobles" style="visibility:hidden "><img src="images/vigne.jpg" width="157" height="122"></div></td>
|
au niveau du css :
Code :
- #montd {
- position: relative;
- }
- #montd div.estagnol {
- position: absolute;
- top: 10px;
- left: 10px
- }
- #montd div.miramar {
- position: absolute;
- top: 10px;
- left: 150px
- }
- #montd div.oiseaux {
- position: absolute;
- top: 10px;
- left: 300px
- }
- #montd div.vignobles {
- position: absolute;
- top: 10px;
- left: 500px
- }
|
le soucis est que sur les autres navigateurs (Netscape + firefox) les images s'affichent par rapport à ma page et pas par rapport à mon td. ???
merci