Bonjour a toutes et à tous.
J'essaie de faire des rollovers avec des gifs animés. Je me suis inspiré (inspiré c'est un eufemisme pour copier) de la méthode décrite ici "Autre méthode avec préchargement intégré"
http://www.alsacreations.com/articles/imgreactive/
Sur Mac (ma machine) ça fonctionne avec Firefox (et tous les Mozilla-like), Opéra (ouf) mais ça ne marche pas correctement avec OmniWeb, IE et Safari. Je travaille en local pour l'instant
http://speciale.no-ip.info
n'ésitez pas à m'envoyer un mail pour rafraichir l'IP si vous n'arrivez pas à vous connecter
Omniweb ne recconaît que le dernier rollover, IE ne comprend pas la fin du div et Safari l'ignore allégrement.
Merci et félicitations pour le site.
Voici les CSS et les images. La première image à deux frames et l'autre 9.
Modifié le 17 Dec 2004 - 19:33
J'essaie de faire des rollovers avec des gifs animés. Je me suis inspiré (inspiré c'est un eufemisme pour copier) de la méthode décrite ici "Autre méthode avec préchargement intégré"
http://www.alsacreations.com/articles/imgreactive/
Sur Mac (ma machine) ça fonctionne avec Firefox (et tous les Mozilla-like), Opéra (ouf) mais ça ne marche pas correctement avec OmniWeb, IE et Safari. Je travaille en local pour l'instant
http://speciale.no-ip.info
n'ésitez pas à m'envoyer un mail pour rafraichir l'IP si vous n'arrivez pas à vous connecter
Omniweb ne recconaît que le dernier rollover, IE ne comprend pas la fin du div et Safari l'ignore allégrement.
Merci et félicitations pour le site.
Voici les CSS et les images. La première image à deux frames et l'autre 9.
.liena {
display: block;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 70%;
width: 148px;
height: 20px;
background: url(IMG/botona.gif) no-repeat left top;
font-weight: lighter;
text-indent: 10pt;
vertical-align: baseline;
margin: 2px 0px 0px;
padding: 0px;
position: static;
}
.liena a {
display: block;
width: 148px;
height: 20px;
background: #CCCCCC url(IMG/boton.gif) no-repeat left top;
color: #000;
text-decoration: none;
left: 0px;
top: 0px;
margin: 2px 0px;
padding: 3px 0px 0px;
position: static;
}
.liena a:hover {
display: block;
background: transparent none;
text-decoration: none;
left: 0px;
top: 0px;
color: #666666;
margin-top: 2px;
margin-bottom: 2px;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
}


Modifié le 17 Dec 2004 - 19:33