Bonjour

Je crée un site pour présenter le travail d'une artiste. C'est un site de présentation qui comporte peu de fonctionnalités mais qui se doit d'être joli.

Tout le site est créé en javascript. Je ne sais pas si ma question rentre vraiment dans ce forum, on dirait plutôt une question de configuration navigateur... mais je tente quand meme. Les modos me redirigeront le cas échéant.

J'ai un menu qui comporte 5 liens. Chaque lien est un élément a avec un attribut href qui ne sert à rien à part afficher le curseur "main" au passage de la souris. Chaque lien est observé par un gestionnaire d'évènement qui me permet de changer de page en javascript/ajax.

Mon problème (assez minime au fond) c'est que quand on clique sur un lien, un carré de sélection apparaît autour (en tous cas sur Fx).



Je trouve ça plutôt moche et je me demandais si c'était quelque chose qu'on pouvait annuler. Ma solution actuelle est de modifier mon élément a en élément div, mais je trouve que l'absence de la main sur les liens porte le visiteur à confusion.

Merci d'avance et joyeux noel!

Tu as essayé en CSS border: none; ?

heu oui mais la il ne s agit pas d un border css mais de qlq chose propre a mozilla qui indique l'élément cliqué je pense...

C'est du CSS:
Transforme ton lien en <p>, puis mets un évènement javascript qui s'occupe du lien
Pour la forme de souris, tu fais un <p class="menus_souris"></p> pour chaque lien.
Ensuite, tu mets un .menu_souris hover qui fera ceci -> cursor: pointer;
Ca va faire comme si c'était un lien

ah ok... jamais vu cette technique... je vais essayer! Merci!

Non, non, utilise CSS3...

outline:none;

Sinon, tu dois pouvoir faire un this.blur(); au moment du onclick.

Bien que la solution CSS semble plus appropriée.

en effet le css3 me semble le mieux c est ce que je vais faire. Merci

C'est magnifique ça marche! merci