Publicité
+ Répondre à la discussion
Affichage des résultats 1 à 8 sur 8
  1. #1
    Membre du Club
    Inscrit en
    octobre 2002
    Messages
    139
    Détails du profil
    Informations forums :
    Inscription : octobre 2002
    Messages : 139
    Points : 42
    Points
    42

    Par défaut 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

  2. #2
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    6 986
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 6 986
    Points : 12 556
    Points
    12 556

    Par défaut

    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.

  3. #3
    Responsable Développement Web

    Avatar de Bovino
    Homme Profil pro Didier Mouronval
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    21 255
    Détails du profil
    Informations personnelles :
    Nom : Homme Didier Mouronval
    Âge : 43
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 21 255
    Points : 83 109
    Points
    83 109
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre du Club
    Inscrit en
    octobre 2002
    Messages
    139
    Détails du profil
    Informations forums :
    Inscription : octobre 2002
    Messages : 139
    Points : 42
    Points
    42

    Par défaut

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

  5. #5
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    6 986
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 6 986
    Points : 12 556
    Points
    12 556

    Par défaut

    Normalement IE la prend en compte à/c de sa version 8 en mode standard.
    This property requires Windows Internet Explorer to be in IE8 Standards mode rendering.
    Qu'utilises tu comme DOCTYPE ?

  6. #6
    Membre du Club
    Inscrit en
    octobre 2002
    Messages
    139
    Détails du profil
    Informations forums :
    Inscription : octobre 2002
    Messages : 139
    Points : 42
    Points
    42

    Par défaut

    Bonjour

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

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

  7. #7
    Modérateur
    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    janvier 2011
    Messages
    6 986
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : janvier 2011
    Messages : 6 986
    Points : 12 556
    Points
    12 556

    Par défaut

    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 :
    1
    2
    var obj = document.getElementById('id_element');
    obj.style.top = 120 +'px'; // NE PAS OUBLIER le px
    mais concernant ton soucis ???

  8. #8
    Membre du Club
    Inscrit en
    octobre 2002
    Messages
    139
    Détails du profil
    Informations forums :
    Inscription : octobre 2002
    Messages : 139
    Points : 42
    Points
    42

    Par défaut

    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

+ Répondre à la discussion
Cette discussion est résolue.

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •