css et navigateur netscape/firefox

css et navigateur netscape/firefox - HTML/CSS - Programmation

Marsh Posté le 22-09-2005 à 13:52:16    

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 :
  1. <td colspan="3" id="montd"><img  src="images/accueil/vuemer.jpg" name="vue" width="756" height="176" id="vue">
  2.     <div id="estagnol" class="estagnol" style="visibility:hidden "><img src="images/PICT0114.jpg" width="163" height="122"></div>
  3.     <div id="miramar" class="miramar" style="visibility:hidden "><img src="images/bateau.jpg" width="107" height="163"></div>
  4.     <div id="oiseaux" class="oiseaux" style="visibility:hidden "><img src="images/001.jpg" width="163" height="122"></div>
  5.     <div id="vignobles" class="vignobles" style="visibility:hidden "><img src="images/vigne.jpg" width="157" height="122"></div></td>

 
 
au niveau du css :

Code :
  1. #montd {
  2. position: relative;
  3. }
  4. #montd div.estagnol {
  5. position: absolute;
  6. top: 10px;
  7. left: 10px
  8. }
  9. #montd div.miramar {
  10. position: absolute;
  11. top: 10px;
  12. left: 150px
  13. }
  14. #montd div.oiseaux {
  15. position: absolute;
  16. top: 10px;
  17. left: 300px
  18. }
  19. #montd div.vignobles {
  20. position: absolute;
  21. top: 10px;
  22. left: 500px
  23. }


 
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

Message cité 1 fois
Reply

Marsh Posté le 22-09-2005 à 13:52:16   

Reply

Marsh Posté le 22-09-2005 à 14:08:32    

miriam a écrit :

le code du td :

Code :
  1. <td colspan="3" id="montd"><img  src="images/accueil/vuemer.jpg" name="vue" width="756" height="176" id="vue">
  2.     <div id="estagnol" class="estagnol" style="visibility:hidden "><img src="images/PICT0114.jpg" width="163" height="122"></div>
  3.     <div id="miramar" class="miramar" style="visibility:hidden "><img src="images/bateau.jpg" width="107" height="163"></div>
  4.     <div id="oiseaux" class="oiseaux" style="visibility:hidden "><img src="images/001.jpg" width="163" height="122"></div>
  5.     <div id="vignobles" class="vignobles" style="visibility:hidden "><img src="images/vigne.jpg" width="157" height="122"></div></td>



WTF c'est quoi ce tableau [:pingouino]

Citation :

le soucis est que sur les autres navigateurs (Netscape + firefox) les images s'affichent par rapport à ma page et pas par rapport à mon td. ???


Au pif, t'as plusieurs machins avec l'id "montd"?
 
Et d'ailleurs quel est l'intérêt de ce bien moche TD [:petrus dei]
Et du <div> enrobant les images [:petrus dei]
Et des images elles mêmes [:petrus dei]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 22-09-2005 à 14:16:56    

je voudrai afficher des petites images (que j'ai mis dans des div) sur une grande image. Je ne peux pas mettre cette grande image en fond de cellule vue qu'elle meme est affiché quand je survole un 1er menu.
 
mon code est peut être moche mais je n'ai rien trouvé d'autre pour le faire marcher.

Message cité 1 fois
Reply

Marsh Posté le 22-09-2005 à 14:18:47    

miriam a écrit :

je voudrai afficher des petites images (que j'ai mis dans des div) sur une grande image. Je ne peux pas mettre cette grande image en fond de cellule vue qu'elle meme est affiché quand je survole un 1er menu.


Il dit qu'il voit pas le problème [:petrus75]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed