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

eSb` · 21 Sept 2005

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.

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 ?

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` · 22 Sept 2005

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.

Ezekiel ! · 22 Sept 2005

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

noLain · 22 Sept 2005

en javascript il existe une astuce, mais de la a te dire de memoire la fonction qui permet ca ..

Loetheri · 22 Sept 2005

[ eSb a dit:
]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.

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

Sinon je ne sais pas t'aider.

II phl II · 22 Sept 2005

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 :?

eSb` · 22 Sept 2005

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 : (.

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

eSb`

That's Poker!

eSb`

That's Poker!

Ezekiel !

Elite

noLain

www.wearewise.be

Loetheri

Elite

II phl II

Touriste

eSb`

That's Poker!

Autres sujets récents