La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  transparence png avec rollover
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: transparence png avec rollover  (Lu 567 fois)
transparence png avec rollover
« sur: le 15-03-2007 a 20:25:07 »
Lapin
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 4



Je suis un lapin !

Voir le Profil
Répondre avec citation

Bonjour,
je suis nouveau et je me suis lancé dans le html depuis peu.

J'ai fait un menu avec des boutons transparents pour mon site, mais vu le piètre résultat obtenu avec des gifs j'ai décidé de les faire en png, le problème était que la transparence png ne marchait pas avec les versions d'IE inférieures à la 7, alors j'ai trouvé un javascript qui permet de corriger ce problème, mais maintenant les onmouseover ne marchent pas sous les versions d'IE<7. 

Ce que j'aimerais faire, ce serait conserver des png avec de la transparence tout en faisant des rollovers sur les boutons.

Toutes vos suggestions sont les bienvenues.

Merci d'avance pour vos réponses.

PS: voici le code de la frame de mon menu:

Code:

<html>
<head>
<LINK REL ="stylesheet" TYPE="text/css" HREF="menu.css">
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->
</head>
<body>
<div id="arriere"><img src="Site/planche2.jpg" width="100%" height="100%">
  <div id="contact_ck"><a href="contact.htm" target="cadre_droite"><img src="rendus panneaux/contact.png" onmouseover="src='rendus panneaux/contact_cl.png'" onmouseout="src='rendus panneaux/contact.png'" width="100%" height="100%" alt="contact" border="0"></a></div>
  <div id="photos_ck"><a href="photos.htm" target="cadre_droite"><img src="rendus panneaux/photos.png" name="photos" onmouseover="src='rendus panneaux/photos_cl.png'"onmouseout= "src='rendus panneaux/photos.png'" width="100%" height="100%" alt="photos" border="0"></a></div>
  <div id="liens_ck"><a href="liens.htm" target="cadre_droite"><img src="rendus panneaux/liens.png" name="liens" onmouseover="src='rendus panneaux/liens_cl.png'"onmouseout= "src='rendus panneaux/liens.png'" width="100%" height="100%" alt="liens" border="0"></a></div>
  <div id="danses_ck"><a href="danses.htm" target="cadre_droite"><img src="rendus panneaux/danses.png" name="danses" onmouseover="src='rendus panneaux/danses_cl.png'"onmouseout= "src='rendus panneaux/danses.png'" width="100%" height="100%" alt="danses" border="0"></a></div>
  <div id="animateurs_ck"><a href="animateurs.htm" target="cadre_droite"><img src="rendus panneaux/animateurs.png" name="animateurs" onmouseover="src='rendus panneaux/animateurs_cl.png'"onmouseout= "src='rendus panneaux/animateurs.png'" width="100%" height="100%" alt="animateurs" border="0"></a></div>
  <p><div id="le_club_ck"><a href="le_club.htm" target="cadre_droite"><img src="rendus panneaux/le_club.png" name="le club" onmouseover="src='rendus panneaux/le_club_cl.png'"onmouseout= "src='rendus panneaux/le_club.png'" width="100%" height="100%" alt="le club" border="0"></a></div>
  <div id="accueil_ck"><a href="accueil.htm" target="cadre_droite"><img src="rendus panneaux/accueil.png" name="accueil" onmouseover="src='rendus panneaux/accueil_cl.png'" onmouseout="src='rendus panneaux/accueil.png'" width="100%" height="100%" alt="accueil" border="0"></a></div>
</div>
</body>
</html>

« Dernière Édition: le 15-03-2007 a 20:26:12 par Lapin » Rapporter au modérateur  

Re:transparence png avec rollover
« Répondre #1 sur: le 20-03-2007 a 08:14:05 »
TinMar
Habitué
***

Hors-Ligne

Sexe: Male
Messages: 268



Yo !

Voir le Profil    E-Mail
Répondre avec citation

"mais maintenant les onmouseover ne marchent pas sous les versions d'IE<7"

Es tu sur ? Ca me parrait bizarre ??

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg