Probleme css mozila et explorer

Résolu
Utilisateur anonyme -  
 Utilisateur anonyme -
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
A voir également:

24 réponses

mathieu-76500 Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   14
 
Salut !

Avec internet explorer 7 ça marche en théorie, mais il est vrai qu'avec le 6 ça marche pas.
0
Utilisateur anonyme
 
non sa ne marche pas meme avec l'afichage de compatibilité...
0
mathieu-76500 Messages postés 58 Date d'inscription   Statut Membre Dernière intervention   14
 
Tu peux m'envoyer un lien de ton site s'il te plait ?
0
Utilisateur anonyme
 
http://weblife.freeheberg.com

c pour un site de meubles ^^
c sur un serveur gratuit pour le moment pour les test
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
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)
0
graffx Messages postés 6506 Date d'inscription   Statut Contributeur Dernière intervention   1 975
 
Oui javascritp est la plus grosse compatibilité assurée
0
Utilisateur anonyme
 
je mi connais pas du tout en javascript tu pourrai pas maider ?
0
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
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
0
Utilisateur anonyme
 
c la page avec les categori meubles cuisine ...
0
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
Sur ton élément, exemple :

<div style="width:50px; height:50px; border: 1px solid #000000"></div> // Affiche un div de 50x50 avec bordure noire.

Tu rajoute la balise javascript :

<div style="width:50px; height:50px; border: 1px solid #000000" onmouseover="this.style.borderColor=\'#ffffff\'"
onmouseout="this.style.borderColor=\'#000000\'"></div>

=> 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à :)
0
Utilisateur anonyme
 
Merci bocoup mais cela ne marche pas
0
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
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 !
0
Utilisateur anonyme
 
^^ merci mais sa en marche toujours pas
0
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
<div style="width:50px; height:50px; border:1px solid #000000" onmouseover="this.style.borderColor='#ffffff';" onmouseout="this.style.borderColor='#000000';"></div>

Chez moi ça ça marche en HTML.
T'es en PHP ?
0
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
essaie de mettre une class commune à toute tes animation et
de mettre dans le css
.animation(border:solid 2px )
0
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
essaie de mettre une class commune à tous
0
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
est ce que chez vous ça marche chez moi oui là
http://bormat2.free.fr//math%202000/border/
0
PMax-57 Messages postés 195 Date d'inscription   Statut Membre Dernière intervention   40
 
oui ça marche impec pr moi
0
math 2000 Messages postés 2605 Date d'inscription   Statut Membre Dernière intervention   405
 
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
0
theshadoo Messages postés 786 Date d'inscription   Statut Membre Dernière intervention   123
 
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
0