Contour d'un lienRésolu/Fermé

Question

Bonjour, J'ai crée un bouton avec un lien et l'image change quand on clique dessus, le soucis est que quand je clique un contour rouge apparait et je peux "déplacer" l'image: https://imageshack.com/ Voici mon code html:

Et le css: .sculpture { width: 150px; height: 150px; float: left; } a.lien1 { display: block; width: 150px; height: 150px; background-image: url(images/boîte_sculpture.png); } a.lien1:active { display: block; width: 150px; height: 150px; background-image: url(images/boîte_sculpture_e.png); }

Slay · Answer

Toute aide sera la bienvenue car je n'ai jamais rencontré ce problème.
Merci à tous!

Posotaz · Answer

Salut,

Tout cela me semble normal. Le "contour" t'informe que tu as le focus (tu utilises d'ailleurs la pseudo-classe "active" pour te servir du clic de souris afin de récupérer l'événement).

En ce qui concerne le déplacement de l'image, c'est la nouvelle fonctionnalité Drag&Drop de FireFox3 : On voit l'élément qu'on drag pendant l'opération plutôt que de voir uniquement le pointeur de la souris avec un petit carré ou le pointeur "interdit".

Slay · Answer

Je te remercie pour ta réponse! :)

Une dernière petite question, y a-t-il une autre possibilité pour récupérer le clic de la souris pour ne pas utiliser la classe "active"?

Posotaz · Answer

Re salut, :)

En HTML + CSS je ne vois rien qui puisse y substituer. Autrement tu peux utiliser le dynamisme du JavaScript. Il existe l'événement "onMouseDown" qui permet d'intercepter le clic de souris dès que tu appuies sur le bouton (sans avoir besoin de le relâcher), c'est à dire exactement comme tu fais pour le moment.

Slay · Answer

Encore merci, je vais garder simplement le html et css, parce que le java... ça me sort un peu par les trous de nez ^^
Bonne journée à toi! :)

aubin · Answer

C'est très simple il suffit de rajouter un outline : 0; et outline : none; à vos liens

fifi · Answer

tu peux tout simplement mettre un 
background-color: white;
fini le contour rouge lorsque tu cliques dessus et ca donne un look plus design en meme tmps.

Contour d'un lien

7 réponses

Discussions similaires

Newsletters