Aller au contenu

tetemagique

Membre
 Afficher le profil  Parcourir son contenu

  • Compteur de contenus

    9

  • Inscrit(e) le

  • Dernière visite

Réputation sur la communauté

0 Neutre
  1. tetemagique
    bon! Apres avoir fait des derniers reglages j'en suis arrive a ce code (qui marche aussi sur i.e, faut juste avoir une connection correcte ) Je le mets la car je peux plus editer mon precedent post html, body { background-color: black; } .page { width: 970px; height: 729px; background: url(index1.jpg); position: absolute; left:50%; top:50%; margin-left:-485px; margin-top:-364.5px } .page a{ display: block; position: absolute; width: 970px; height: 33%; background: url(reactive.jpg); top: 0px; left: 0px; } .page a:hover{ top:0; left:0; width: 970px; height: 100%; background: url(index2.jpg); } </style> </head> <body> <div class="page"> <a href="#" ></a> </div> </body> </html> ca marche... mais j'ai pas utilise de "reactive.jpg", je vois pas quoi mettre (les gif transparents marchent sur firefox mais il me semble que ca marche pas sur i.e...) voila, je crois que le code peut pas etre beaucoup plus simplifie... je suis deja assez content que ca marche
  2. tetemagique
    ok! Je crois que c'est tout ok, j'ai juste a changer un peu le code, mais c'etait ca, merci merci et bravo Ghost. Je vous met le code qui marche ici (si qqn a envie un jour de faire pareil) html, body { margin: 0; padding: 0; height: 100%; background-color: black; } .page { width: 1024px; height: 769px; background: url(index1.jpg); position: absolute; margin-left:-512px; margin-top:-384.5px; top: 50%; left: 50%; } .page a{ display: block; position: absolute; width: 1024px; height: 25%; background: url(reactive.jpg); top: 0px; left: 0px; } .page a:hover{ top:0; left:0; width: 1024px; height: 100%; background: url(index2.jpg); } </style> </head> <body> <div class="page"> <a href="#" ></a> </div> </body> </html> Voila!!!! Pourt voir le resultat: www.nellybellule.com (j'ai essaye que sur firefox, j'essaie avec i.e6 pour voir... mais ca a l'ait bon) encore merci a tous (dites moi si c ok chez vous svp) je savais bien que c'etait trop beau, le rollover marche pas sur ie6. Ce navigateur est vraiment une grosse m je suppose qu'il me faut un code supplementaire pour que i.e comprenne...ca va me rendre marteau
  3. tetemagique
    avec ou sans espace, c'est pareil, marche pas , y a autre chose qui coince... merci pour votre sollicitude quand meme. je v essayer la technique de Ghost, je vous dis apres
  4. tetemagique
    ben ce qui est sur c que j'ai fait une erreur dans le code... j'ai pas passe l'ID dans les parametres... j'ai pas trop pige le script la... cela vient il de ca? je te mets le code complet de ma page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> <style type="text/css"> <!-- #Layer1 { position:absolute; width:1024px; height:769px; z-index:1; top: 50%; left: 50%; margin-left: -512px; margin-top: -384.5px; } body { background-color: #000000; } --> </style> </head> <body> <div id="conteneur_fond" style="background-image: url(index1.jpg);width:1024px;height:769px"> <div id="zone_interactive" style="width:1024px;height:340px" onclick="java script:changement_fond('conteneur_fond','index2.jpg');"> </div> </div> </body> </html> voila, ca doit pas etre bon a +sieurs endroits peut etre desole de mon ignorance, mais je m'attaque a qqe chose de tres dur... <edit Monique>Merci de penser à utiliser les tags adéquats pour le code</edit>
  5. tetemagique
    pour etre plus precis, je dois dire que je veux que mon layer (qui fait 1024*769px) est centre horizontalement et verticalement au milieu de la page (largeur: 1280), donc en gros, mon code de depart, c'est: #Layer1 { position:absolute; width:1024px; height:769px; z-index:1; top: 50%; left: 50%; margin-left: -512px; margin-top: -384.5px; la technique barbare des marges negatives... ce layer doit avoir un fond d'ecran "index1.jpg", et quand la souris passe en haut de la page, le fond d'ecran change pour "index2.jpg"... enfin, en theorie, c'est ce que je voudrais... or, j'ai beau essaye dans tous les sens, ca marche pas!!!! je sais plus quoi faire
  6. tetemagique
    desole mais visiblement, dreamweaver dans <div id="zone_interactive" style="width:320px;height:240px" onclick="java script:changement_fond('conteneur_fond','index2.jpg');"> me souligne en rouge a partir de onclick="java cript...", visiblement, il me fait une erreur code... pourtant j'ai tout fait comme indique... qu'est-ce qui va pas avec ce javascript... je reviens a la charge, mais la je suis un peu paume
  7. tetemagique
    merci infiniment, vraiment! J'essaie ca tout de suite thumbs up pour Topper
  8. tetemagique
    merci beaucoup topper... En effet, ca parait tres complique... je suis desole, mais ca m'aiderait d'avoir la "marche a suivre" un peu plus detaillee
  9. tetemagique
    salut a tous, ca fait un bon moment que je cherche sur le net "comment faire un rollover sur une partie d'une grande image et que celle-ci change integralement", je ne trouve pas donc ca commence a me ... je m'explique: j'ai cree une page html composee d'un unique layer ou calque centre horizontalement. Ce layer a comme background une grande image (faite sur photoshop), je voudrais que lorsque la souris se deplace sur un endroit precis de l'image, toute l'image (fond d'ecran du layer) change pour une autre (de meme dimension). Deja, est-ce possible? Et si oui comment faire? Car tous les sujets que j'ai pu ecumer sur forums ne parle que de rollover sur liens, boutons ou image entiere... j'espere avoir ete le plus clair possible, merci d'avance
×
×
  • Créer...