1 Balise dans une page HTML qui n'apparait que sous Opera 25/6/2009, 13:34
Bonjour,
Après des heures de prise de tête, je n'arrive à afficher dans une page HTML qu'avec Opera cet effet (over sur le bouton "Partenaires") "Pop up" qui s'affiche là bien sous FF, IE et Opera, ainsi que ici (over sur le profil),
mais dans une page HTML ça ne fonctionne pas avec IE7 et FF comme on peut le voir ici et ça le fait bien avec Opera ou ailleurs que dans la page HTML... Grrr...
Pourtant le CSS est le même que dans la feuille de style CSS et dans le widget :
Quelqu'un peut-il m'aider à comprendre et me dire ce que je peux faire pour avoir mon effet dans une page HTML avec les autres navigateurs que Opera, siyouplé ?
Merci de votre aide.
Après des heures de prise de tête, je n'arrive à afficher dans une page HTML qu'avec Opera cet effet (over sur le bouton "Partenaires") "Pop up" qui s'affiche là bien sous FF, IE et Opera, ainsi que ici (over sur le profil),
mais dans une page HTML ça ne fonctionne pas avec IE7 et FF comme on peut le voir ici et ça le fait bien avec Opera ou ailleurs que dans la page HTML... Grrr...
Pourtant le CSS est le même que dans la feuille de style CSS et dans le widget :
- Code:
<style type="text/css">
<!--
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #transparent;
background-image: url('http://img4.hostingpics.net/pics/81473gradient3.png');
padding: 3px;
left: -1000px;
border: 2px solid #ffffff;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 34px;
left: 0px; /*position where enlarged image should offset horizontally */
width: 100%;
}
-->
</style>
- Code:
<div class="thumbnail"><img src="http://img524.imageshack.us/img524/5458/buttonpartenaires.png"><span>
<a href="http://www.sos-forum.com/" target="_blank"><img src="http://i44.servimg.com/u/f44/11/44/03/73/sf-0110.gif" width="88" height="31"></a><br/><br/><a href="http://www.annuaire-forum.fr/" target="_blank"><img src="http://www.annuaire-forum.fr/img/logo.gif" width="88" height="31"></a> <a href="http://www.patmax.info" target="_blanck"><img src="http://www.patmax.info/images/bannieres/patmaxscripts.gif" width="88" height="31"></a> <a href="http://calipso.exprimetoi.net/" target="_blank"><img src="http://i62.servimg.com/u/f62/11/72/76/79/cali310.gif" width="88" height="31"></a><br/><br/> <a href="http://www.java.scripts-fr.com/" target="_top"><img src="http://www.java.scripts-fr.com/images/scripts-fr-bouton.gif" border="0" width="88" height="31" alt="scripts-Fr.com : Annuaire du CGI & Javascript" title="scripts-Fr.com : Annuaire du CGI & Javascript"></a> <a href="http://fun.codes-sources.com/" target="_blank"><img src="http://img2.hostingpics.net/pics/526221cs.gif" height="31" width="88"></a> <a href="http://astuforum.free.fr/" target="_blank"><img src="http://astuforum.free.fr/images/pub-astu.gif" height="31" width="88"></a>
</span></div>
Quelqu'un peut-il m'aider à comprendre et me dire ce que je peux faire pour avoir mon effet dans une page HTML avec les autres navigateurs que Opera, siyouplé ?
Merci de votre aide.
Dernière édition par final-blond le 31/10/2009, 12:48, édité 4 fois