[CSS 2] Bordure parasite autour des composants [Résolu]

luchet · 23/12/2012, 12h05

Bonjour

J'ai une application qui posséde plusieurs liens qui me permettent de me déplacer dans différents pages JSP or lorsque je clique et que je maintient le curseur sur n'importe quel lien ( balise <a> ou bouton ) j'ai une bordure en pointillée qui s'affiche autour du composant contenant ce lien

Comment faire pour éviter cela ?? J'ai bien essayé avec a:active mais sans résultat

Merci de votre aide

NoSmoking · 23/12/2012, 14h30

Bonjour,
ce liseré, bien qu'a mon sens indispensable à l’accessibilité, peut être supprimé via la propriété CSS outline.

Bien penser à l'accessibilité en modifiant éventuellement le style active, focus.

Bovino · 24/12/2012, 10h19

À quoi servent les bordures pointillées autour des liens et éléments de formulaire ?

luchet · 24/12/2012, 11h57

Bonjour
Merci pour vos réponses mais je n'y arrive pas
Je travaille en local avec Windows7 et IE 9 pour développer un site avec Eclipse Indigo
Sous firefox pas de Pb
Sous Google Chrome pas de Pb
Sous IE 9 Malgres avoir placé dans mon fichier styles.css l'instruction suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

a, input { outline:none }

j'ai tjs les pointillé autour de mes éléments
Je me désespère

Merci de bien vouloir m'aider

NoSmoking · 26/12/2012, 19h00

Normalement IE la prend en compte à/c de sa version 8 en mode standard.

Citation:

This property requires Windows Internet Explorer to be in IE8 Standards mode rendering.

Qu'utilises tu comme DOCTYPE ?

luchet · 27/12/2012, 18h58

Bonjour

Pour répondre a nosmoking j'ai placé dans toutes mes pages JSP la déclararion suivante:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

et dans le ficher styles.css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
a:active, a:focus
{	
     outline:none;		
}

cela fonctionne maintenant mais j'ai un autre soucis
Dans une zone de saisie de recherche j'ai une fonction d'autocomplétion qui maintenant ne fonctionne plus avec IE, les autres navigateurs ont toujours cette fonction en service
Lorsque je supprime le doctype la fonction se rétablie

existe-t-il un doctype qui pourrait convenir pour les deux cas ????

NoSmoking · 27/12/2012, 19h52

J'en profiterais pour être "moderne" en utilisant <!DOCTYPE html> d'une simplicité d'écriture enfantine

Quant à ton autre problème, il risque peut être dans avoir d'autre essentiellement lié au "style" et à l’absence par exemple de l’unité sur des valeurs.

Un exemple ô combien de fois rencontré

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var obj = document.getElementById('id_element');
obj.style.top = 120 +'px'; // NE PAS OUBLIER le px

mais concernant ton soucis ???

luchet · 07/01/2013, 11h36

bonjour

le Pb est résolue il suffut de remplacer la librairie jquery.bgiframe.min.js par la dernière version que l'on trouve a l'adresse suivante

http://github.com/brandonaaron/bgifr...ry.bgiframe.js

et maintenant les deux fonctions fonctionnent normalement même avec IE9

Merci de m'avoir aider

23/12/2012, 12h05	#1
luchet Membre du Club Inscription : octobre 2002 Messages : 128 Détails du profil Informations forums : Inscription : octobre 2002 Messages : 128 Points : 40 Points : 40	Bordure parasite autour des composants Bonjour J'ai une application qui posséde plusieurs liens qui me permettent de me déplacer dans différents pages JSP or lorsque je clique et que je maintient le curseur sur n'importe quel lien ( balise <a> ou bouton ) j'ai une bordure en pointillée qui s'affiche autour du composant contenant ce lien Comment faire pour éviter cela ?? J'ai bien essayé avec a:active mais sans résultat Merci de votre aide
	00

24/12/2012, 10h19	#3
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 18 165 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 42 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 18 165 Points : 65 068 Points : 65 068	À quoi servent les bordures pointillées autour des liens et éléments de formulaire ? __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

24/12/2012, 11h57	#4
luchet Membre du Club Inscription : octobre 2002 Messages : 128 Détails du profil Informations forums : Inscription : octobre 2002 Messages : 128 Points : 40 Points : 40	Bonjour Merci pour vos réponses mais je n'y arrive pas Je travaille en local avec Windows7 et IE 9 pour développer un site avec Eclipse Indigo Sous firefox pas de Pb Sous Google Chrome pas de Pb Sous IE 9 Malgres avoir placé dans mon fichier styles.css l'instruction suivante Code : Sélectionner tout - Visualiser dans une fenêtre à part a, input { outline:none } j'ai tjs les pointillé autour de mes éléments Je me désespère Merci de bien vouloir m'aider
	00

23/12/2012, 14h30	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 5 119 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 5 119 Points : 8 831 Points : 8 831	Bonjour, ce liseré, bien qu'a mon sens indispensable à l’accessibilité, peut être supprimé via la propriété CSS outline. Bien penser à l'accessibilité en modifiant éventuellement le style active, focus.
	00

07/01/2013, 11h36	#8
luchet Membre du Club Inscription : octobre 2002 Messages : 128 Détails du profil Informations forums : Inscription : octobre 2002 Messages : 128 Points : 40 Points : 40	bonjour le Pb est résolue il suffut de remplacer la librairie jquery.bgiframe.min.js par la dernière version que l'on trouve a l'adresse suivante http://github.com/brandonaaron/bgifr...ry.bgiframe.js et maintenant les deux fonctions fonctionnent normalement même avec IE9 Merci de m'avoir aider
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email