Posez votre question Signaler

Contour d'un lien [Résolu]

Slay - Dernière réponse le 29 juil. 2011 à 14:52
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:
http://img211.imageshack.us/my.php?image=aidecontourci9.png
Voici mon code html:
<div class="sculpture"><a class="lien1" href="index.html"></a></div>

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);
}
Lire la suite 

Contour d'un lien »

8 réponses
Réponse
+0
moins plus
Toute aide sera la bienvenue car je n'ai jamais rencontré ce problème.
Merci à tous!
Ajouter un commentaire
Réponse
+0
moins plus
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".
Ajouter un commentaire
Réponse
+0
moins plus
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"?
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Réponse
+0
moins plus
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! :)
loma - 21 nov. 2008 à 09:55
Bonjour,

j'ai eu ce même problème, et j'ai trouvé la réponse dans le post suivant :
http://forum.alsacreations.com/...

En résumé, il suffit de mettre outline:none; dans les liens pour ne plus avoir ce problème.
Après, selon certains cela pose des problèmes d'accessibilité, mais pour des sites très graphiques c'est intéressant de savoir comment enlever ce cadre.
Ajouter un commentaire
Réponse
+0
moins plus
C'est très simple il suffit de rajouter un outline : 0; et outline : none; à vos liens
Ajouter un commentaire
Réponse
+0
moins plus
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.
Ajouter un commentaire
Ce document intitulé « Contour d'un lien » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
5 extensions si vous voulez revenir à l'ancien Facebook