rollover css problème - HTML/CSS - Programmation
Marsh Posté le 20-11-2007 à 00:32:21
1) prends des cours de francais, tu verras c'est pratique
2) ca marche pas ca tout simplement ?
Code :
|
EDIT:
ah oui, sur IE je sais pas ce que ca donne, mais il parait que IE7 gere mieux les hover sur autre chose que des tags A
Marsh Posté le 20-11-2007 à 10:37:03
SICKofitALL a écrit : 1) prends des cours de francais, tu verras c'est pratique |
j'en prends j'en prends, mais promi je vais faire des efforts
SICKofitALL a écrit : |
effectivement ce code marche (mais pas sous IE)
par contre je viens de voir que sous firefox mes images sont déplacées par rapport a IE, (enfin juste celles du milieu sont remontées)
pour FF je dois mettre
Code :
|
alors que pour IE je dois mettre
Code :
|
c'est étrange (normal?? )
merci pour ton aide SICKofitALL
Marsh Posté le 20-11-2007 à 13:08:40
Pour ton survol, créés deux classes spécifiques (survolées ou pas) et utilise du javascript pour changer la classe à la volée
pour le CSS et IE, ben bienvenue dans le monde merveilleux des standards pas respectés par MS
Tu as un lien où je pourrais mater à koi ca ressemble ?
Marsh Posté le 20-11-2007 à 17:38:54
oui biensur, voici l'url: http://martomy.free.fr
(je n'ai pas encore mis le javascript)
Marsh Posté le 21-11-2007 à 16:31:21
j'ai créé deux css différents pour les navigateurs et tout marche très bien.
tu aurais un exemple pour le changement de classe à la volée?
j'ai trouvé ni sur google ni dans la barre "recherche" la solution a ce problème :s
Marsh Posté le 21-11-2007 à 17:15:41
ah damned j'avais zappé ce topic dsl
donc grossomodo tu peux faire comme ca :
Code :
|
voilà en gros c un truc comme ca
N'oublies pas que pour précharger tes images dans le cache et éviter que lors du Hover de tes elements n'apparaisse un vide (car l'image est en chargement), tu peux vite fait mettre en place un script du style :
Code :
|
bonne chance
Marsh Posté le 21-11-2007 à 18:35:41
merci pour tout ça, j'ai néanmoin quelques questions
-les balises <style> et <script> se mettent bien dans le head?
et faut-il laisser le background-image dans le css en plus du JV ?
(je demande parce que je n'ai pas réussi a le faire marcher pour l'instant )
Marsh Posté le 21-11-2007 à 19:57:54
oui les balises sytle et script sont dans le head, ici j'ai schématisé
le background-image oui tu les mets dans le CSS, et le tu te serts du JS pour précharger les images, mais comme dit c en option en fait
Et à propos ne confond pas le Java (JV ?) et le JavaScript
a++
Marsh Posté le 21-11-2007 à 21:31:51
Citation : j'ai créé deux css différents pour les navigateurs et tout marche très bien. |
Tu peux l'intergrer dans un javascript sinon
if(!window.Event){
document.onmouseover=function(){
var x=window.event.srcElement;if(x.tagName=="INPUT" )x.className="hover_IE"}
document.onmouseout=function(){
var x=window.event.srcElement;if(x.tagName=="INPUT" )x.className="";}
}
Marsh Posté le 19-11-2007 à 23:27:21
salut,
j'ai une partie de code css symple où je voudrai créer un rollover mais voila:
l'image est en background et je n'ai pas trouvé sur google le code aproprié.
mon 2em image se nomme: menu_index_survol.gif
est il possible de faire se que je recherche ou est-il aubligatoire de créer une liste?
merci beaucoup, a+