Probleme css mozila et explorerRésolu/Fermé

Question

Bonjour,
Je suis en train de crée un siote internet pour une entreprise.
Sur ma page d'accueil jai inserer des bloc avec des bordur blanche et j'aimerai que els bordure devienne noir au passage de la souris
j'ai mi sa dans mon css et cela ne marche que sur mozila firefox:

#animation1:hover
{
border: 2px solid black;
}

que dois-je faire pour que cela marche sur internet explorer 
merci d'avance

mathieu-76500 · Answer

Salut !

Avec internet explorer 7 ça marche en théorie, mais il est vrai qu'avec le 6 ça marche pas.

Utilisateur anonyme · Answer

non sa ne marche pas meme avec l'afichage de compatibilité...

mathieu-76500 · Answer

Tu peux m'envoyer un lien de ton site s'il te plait ?

Utilisateur anonyme · Answer

http://weblife.freeheberg.com

c pour un  site de meubles ^^
c sur un serveur gratuit pour le moment pour les test

PMax-57 · Answer

Salut

Le hover n'est pas compatible avec tous les navigateurs.

A savoir également : quand tu codes un site, les logiciels les plus utilisés sont IE 6, Mozilla Firefox (IE 7 et IE 8 prennent également de plus en plus d'ampleur).

Au final il faut coder pour une compatibilité avec tous ces navigateurs (je te conseilles de coder sur firefox, puis de vérifier avec IE TESTER, téléchargeable partout, vive google !)

Pour revenir à ton hover : un petit script JS ne ferait pas de mal :  onMouseOver="this.style.border-color:\'#FFFFFF\'";   (synthaxe à vérifier)

graffx · Answer

Oui javascritp est la plus grosse compatibilité assurée

Utilisateur anonyme · Answer

je mi connais pas du tout en javascript tu pourrai pas maider ?

math 2000 · Answer

dans ta page je ne vois rien ayant un iid animation m^^me dans la frame 
ensuite tu met une frame avec le body  faudrait la mettre à l'intérieur

Utilisateur anonyme · Answer

c la page avec les categori meubles cuisine ...

PMax-57 · Answer

Sur ton élément, exemple :

// Affiche un div de 50x50 avec bordure noire. Tu rajoute la balise javascript :

=> On détaille : - On mouse over indique que quand tu passe ta souris sur la DIV, le border devient blanc. - On mouse out indique que quand tu sors de ton DIV, le border devient noir (ici le noir est mis exprès car c'est la couleur d'origine). Voilà :)

Utilisateur anonyme · Answer

Merci bocoup mais cela ne marche pas

PMax-57 · Answer

teste avec une autre synthaxe (si tes en HTML, pas besoin des \)

Essaye également avec ça :
border-Color ?
bordercolor ?
border ?

JS est très capricieux mais dépanne très souvent !

Utilisateur anonyme · Answer

^^ merci mais sa en marche toujours pas

PMax-57 · Answer

Chez moi ça ça marche en HTML. T'es en PHP ?

math 2000 · Answer

essaie de mettre une class commune à toute tes animation et 
de mettre dans le css 
.animation(border:solid 2px )

math 2000 · Answer

essaie de mettre une class commune à tous

math 2000 · Answer

est ce que chez vous ça marche chez moi oui là
http://bormat2.free.fr//math%202000/border/

PMax-57 · Answer

oui ça marche impec pr moi

math 2000 · Answer

j'ai juste fais un scrapbooking
pour ceux qui connaisse pasi l faut firefox avec l'extension scrapbook
ça regle parfois les poblème sinon à l'origine c'est fait pour enregistrer des page entierement

theshadoo · Answer

il faut que tu saches ainsi que les autres a priori... que firefox accepte justement la propriété :hover sur tout les éléments quasiment à l'inverse de inernet explorer.

si l'on veut que le :hover passe sous internet explorer il faut qu'il s'applique à la balise <a> et seul celle ci.

donc si ca ne fonctionne pas sous firefox c'est tout simplement que dans ton css tu t'es trompé complètement.

revoir tes propriétés sur ta feuille css et ca devrait mieux aller

math 2000 · Answer

ce que tu dis n'est vrai que pour la version 6 de ie 
ce qui représente 20 % des utilisateur 
la version 7 et 8 elle reconnaisse le hover partout

PMax-57 · Answer

Salut !

Pour répondre à ton post, il vaut mieux se baser sur une compatibilité IE 6 pour le moment, car environ tous les navigateurs (IE 7,8 - Opéra - Safari - Firefox) ont le rendu équivalent à IE 6, voire meilleur.

IE 6 représente 20% des utilisateurs, ça dépend. Depuis la sortie de Vista, de IE 7 et IE 8, les parts de marché de ce navigateur tombent en flèche (enfin !), actuellement je crois que c'est entre 10 et 15% de PdM.
Bientôt, avec Windows 7, IE 6 ne sera plus qu'un mythe.

Quoi qu'il en soit, si ton site est un site pour professionnel par exemple, il est bon de coder en IE 6 car entre 10 et 15% de tes visiteurs - et donc potentiels clients - sont statistiquement détenteurs de IE 6. S'ils voient un site horrible, c'est 10 à 15% de potentiels clients perdus...

Bref ensuite il y'a ceux qui se prennent pas la tête (et je les comprends !).

A toi de voir

Bonne journée !

math 2000 · Answer

donc pour rendre ton site compatible ie6 même si je suis pas sur que c'est ce que tu veux 
il faut mettre les image dans une balise <a> avec comme class animation puis dans ton css tu fais 

et animatior(border:2px solid white;)

et animation:hover(border:2px solid black;)

Utilisateur anonyme · Answer

Merci je vais essayer

Probleme css mozila et explorer

24 réponses

Discussions similaires

Newsletters