Probleme css mozila et explorer

Résolu
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
Configuration: Windows Vista Internet Explorer 7.0

24 réponses

  1. 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;)
    1. 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 !
      1. 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
        1. 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
          1. 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
            1. essaie de mettre une class commune à toute tes animation et
              de mettre dans le css
              .animation(border:solid 2px )
              1. <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 ?
                1. 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 !
                  1. 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à :)
                    1. 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
                      1. je mi connais pas du tout en javascript tu pourrai pas maider ?
                        1. 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)
                          • 1
                          • 2

                          Discussions similaires

                          indice et exposant en css ?

                          19 réponses