Pb css / mozilla

Discussion dans 'Administration d'un site Web' créé par ideezik, 21 Mars 2004.

  1. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    J'ai un petit pb de compatibilité css avec Mozilla. J'ai fait un rollover en css sur une image pour que la bordure passe de solid à dotted au survol de la souris.
    Sous IE, nickel. Ca marche impec. Mais sous mozilla : arghhh : gros bug bien vilain. Le css est validé par le w3c et j'arrive à pas à trouver le bug. Si vous pouvez m'aider... voila le code :

    a.image {width:72px; height:73px; border:1px Solid black; }
    a.image:hover {border:1px Dotted black; }

    [...]

    <a href="affich75.php" class="image"><img src="img/covers/freestylers.gif" width="72" height="73" border="0" alt="Freestylers - We Rock Hard"></a>
     
  2. Remi L.
    Remi L. WRInaute impliqué
    Inscrit:
    6 Septembre 2003
    Messages:
    905
    J'aime reçus:
    0
    Le validateur CSS ne peut que vérifier s'il y a une erreur de syntaxe, c'est tout. Donc le fait qu'il passe au validateur ne signifie pas forcément que tes CSS sont bons.
    Tu peux déjà virer le width et height sur le 'a.image'...
     
  3. George Abitbol
    George Abitbol WRInaute passionné
    Inscrit:
    6 Juin 2003
    Messages:
    1 519
    J'aime reçus:
    0
    Pourquoi ne pas plutôt mettre la bordure sur l'image ?

    Code:
    a.image:link img { border:1px solid black; }
    a.image:visited img { border:1px solid #555; }
    a.image:hover img, a.image:active img { border:1px dotted black; } 
    (et enlève le border="0" du tag image)

    Et si tu veux ça sur toutes les images-liens, tu mets juste :

    Code:
    a:link img { border:1px solid black; }
    a:visited img { border:1px solid #555; }
    a:hover img, a:active img { border:1px dotted black; } 
    Fred
     
  4. ideezik
    ideezik WRInaute impliqué
    Inscrit:
    28 Janvier 2004
    Messages:
    792
    J'aime reçus:
    0
    En le codant de cette manière, ca marche sous mozilla mais plus sous IE !

    IE ne veut pas du hover. Sous mozilla ca marche impec.

    Pourquoi je m'en doutais :lol:
     
  5. yannouk
    yannouk WRInaute passionné
    Inscrit:
    11 Octobre 2003
    Messages:
    1 559
    J'aime reçus:
    0
    je suis pas sur de moi, mais essaye un display:block sur le "a"
    moi aussi mozilla me compliqyue la vie, il ne redimmensionne pas automatiquement un conteneur relatif en fonction de la hauteur du contenu...pas pratique
     
Chargement...
Similar Threads - css mozilla Forum Date
Arrache de cheveux cause css et mozilla Développement d'un site Web ou d'une appli mobile 17 Avril 2008
CSS : differences entre IE et Mozilla/Firefox Développement d'un site Web ou d'une appli mobile 20 Avril 2006
CSS padding IE différent de Mozilla Administration d'un site Web 17 Mars 2005
Pb css qui marche QUE sous Mozilla Administration d'un site Web 5 Avril 2004
pb de CSS Développement d'un site Web ou d'une appli mobile 10 Mai 2022
Unused CSS et outils pour supprimer feuilles de style inutilisées Développement d'un site Web ou d'une appli mobile 27 Avril 2022
CSS / Attribuer 2 couleurs différentes aux H2 Développement d'un site Web ou d'une appli mobile 12 Mars 2022
Perplexité : pourquoi utiliser une classe CSS en dehors de <body> Développement d'un site Web ou d'une appli mobile 26 Décembre 2021
<noscript><link ...> du css après un <link rel="preload"... Débuter en référencement 1 Mai 2021
Utiliser une grille CSS peut-il nuire au référencement ? Débuter en référencement 17 Janvier 2021
[CSS] Application (non souhaitée) d'un effet au parent via :not(:hover) Développement d'un site Web ou d'une appli mobile 17 Novembre 2020
WordPress Suppression élément avec Css Demandes d'avis et de conseils sur vos sites 16 Août 2020
Conflit image responsive et animation css Développement d'un site Web ou d'une appli mobile 20 Février 2020
Ajouter une Opacité CSS sur une image en Background Développement d'un site Web ou d'une appli mobile 4 Février 2020
CSS Google Shopping AdWords 23 Janvier 2020
style.css unique préférable avec link ou javascript ? Développement d'un site Web ou d'une appli mobile 25 Décembre 2019
Comment gérer le ALT d'une image en CSS background-image YouTube, Google Images et Google Maps 17 Décembre 2019
Contenu mixte vers http / css - réelle gravité ? Débuter en référencement 24 Septembre 2019
Extension Chrome utile pour afficher le code source HTML, JS, CSS Développement d'un site Web ou d'une appli mobile 5 Juillet 2019
css pour cookieconsent et apparence graphique. Développement d'un site Web ou d'une appli mobile 28 Avril 2019