[Css-Pb] Différence de "clic" entre browsers

Discussion dans 'Web, design' créé par eSb`, 21 Septembre 2005.

Statut de la discussion:
Fermée.
  1. Offline
    eSb` That's Poker!
    J'ai décidé de faire comme menu pour un site, une sorte de rollover avec le fond du texte qui change quand on passe dessus.
    [IMG]
    Je l'avais fait au début avec deux images par mot mais le site doit être en plusieurs langues donc ce n'est pas facile à gérer. Par conséquent, je me suis orienté vers le css.

    Le tout fonctionne très bien, si ce n'est quand on clique sur un des mots du menu, on voit "l'effet du clic" (le cadre autour) et cela varie en fonction du browser.

    Donc que dois-je ajouter à ma feuille de style pour que ceci marche pour tous ?

    [IMG]

    Code:
        * a.A {
              padding : 4px 7px 3px;
              background-color : transparent;
              text-decoration : none;
              color : black;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              font-size : 12px;
          }
        * a.A:hover {
              padding : 4px 7px 3px;
              background-color : #f4f4f5;
              text-decoration : none;
              color : black;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              font-size : 12px;
          }
        * a.B {
              padding : 4px 7px 3px 110px;
              background-color : transparent;
              text-decoration : none;
              color : black;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              font-size : 12px;
          }
        * a.B:hover {
              padding : 4px 7px 3px 110px;
              background-color : #f4f4f5;
              text-decoration : none;
              color : black;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              font-size : 12px;
          }
        * a.C {
              padding : 4px 101px 3px 7px;
              background-color : transparent;
              text-decoration : none;
              color : black;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              font-size : 12px;
          }
        * a.C:hover {
              padding : 4px 101px 3px 7px;
              background-color : #f4f4f5;
              text-decoration : none;
              color : black;
              font-family : Verdana, Arial, Helvetica, sans-serif;
              font-size : 12px;
          }
        * a:hover {
              text-decoration : none;
              color : #484f5a;
              background-color : transparent;
          }
        * a:link {
              text-decoration : none;
          }
        * a:visited {
              text-decoration : none;
          }
        * a:active {
              text-decoration : none;
          }
    
    Merci d'avance
    eSb`, 21 Septembre 2005
    #1
  2. Offline
    eSb` That's Poker!
    Personne ? :cry:

    Et aussi, il y a-t-il un moyen de bloquer aux utilisateurs la possibilité de changer la grosseur de la police ? (...) Ce qui à pour effet de dérégler tout mon menu.
    eSb`, 22 Septembre 2005
    #2
  3. Offline
    Ezekiel ! Elite
    je pense pas que ce soit possible de virer le contour "pointillé", c'est vraiment le browser ça et je ne connais pas de propriété css capable de le désactiver mais bon je suis loin de toute les connaitre aussi :p
    Ezekiel !, 22 Septembre 2005
    #3
  4. Offline
    noLain www.wearewise.be
    en javascript il existe une astuce, mais de la a te dire de memoire la fonction qui permet ca ..
    noLain, 22 Septembre 2005
    #4
  5. Offline
    Loetheri Absent
    Bloquer l'utilisateur, c'est faire fuir celui-ci aussi ... Certains sites brident la fonction de changer de grosseur. Malheureusement, ces memes sites ne sont que trop rarement écrits en grand. Personnellement, je te conseille de revoir ton code pour que le design reste beau meme avec différentes écritures :p

    Sinon je ne sais pas t'aider.
    Loetheri, 22 Septembre 2005
    #5
  6. Offline
    II phl II Touriste
    Avec IE, pour bloquer la taille de la police, il suffit de mettre la taille de la police en pixel (comme tu l'as fait) et normalement on ne sait plus agir dessus.

    Par contre avec firefox, aucune idée :?
    II phl II, 22 Septembre 2005
    #6
  7. Offline
    eSb` That's Poker!
    Pour les pointillés, c'est dommage, mais bon, ce n'est pas non plus trop grave si je ne trouve de solution.

    Pour la police c'est plus dérangeant : http://www.thyssenkruppvdm.be/francais/index.htm

    Vu que le fond du menu est défini par un <td background=...> si la police grandit, le background se répète et dérègle tout (de plus, le 'padding css' ne correspond plus)

    J'ai peu de connaissances en css (c'est d'ailleurs la première fois que je l'utilise), j'étais donc content du résultat, mais ces petis inconvénients m'ennuient malgré tout : (.
    eSb`, 22 Septembre 2005
    #7
Statut de la discussion:
Fermée.