IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Encadrer l'item parent de l'item enfant affiché


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut Encadrer l'item parent de l'item enfant affiché
    Bonjour
    Sur https://cochanger.eu/documents J'ai mis

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .container-header .metismenu > li.level-1.active > a,  .container-header .metismenu > li.level-1 > a:hover{
      outline:2px solid black;
    }
    je pense que c'est presque bon, mais pouvez-vous m'aider à finaliser car cela fait des heures que je tourne en rond

    Je voudrai que l'item parent garde l'encadrement même si je me trouve dans un item enfant pour conserver l'indice visuel où l'on se trouve ?
    Exemple dans le sous-menu "organisation" par exemple

    ps: soulignement orange
    Accessoire mais contrariant: enlever ce satané soulignement peu visible (on le voit mieux en zoomant

  2. #2
    Expert confirmé
    Avatar de mathieu
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    10 699
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 10 699
    Par défaut
    pour le trait, il s'agit d'un blanc opaque placé avec la règle .container-header .metismenu > li.active > a::after.
    dans l'autre discussion vous nous avez montré du code css que vous avez rajouté. vous ne pouvez pas modifier le fichier où il y a ce code css ?

    pour le menu, ça va être plus compliqué parce que l'élément parent n'a pas de classe css spéciale et le code css ne peux pas sélectionner un élément parent. donc vous aurez besoin par exemple de code jaavscript pour faire cela.
    ou peut-être que vous pouvez modifier le code php qui génère le menu ?

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut
    Bonjour
    Effectivement c'est le cms qui générer le code html . C'est quasi impossible pour moi d'y toucher.
    Je trouve le li de l'item parent avec li.metismenu-item:nth-child(8). je n'aime pas trop car le nombre d'item pourrait varier, mais bon!
    Sinon je vois pou li => class="metismenu-item item-191 level-1 deeper parent
    Est-ce possible de faire qq chose?

    Enfin pour le soulignement j'ai beaucoup de mal à voir, mais j'ai l'impression que ce n'est pas pris en compte
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .container-header .metismenu > li.active > a::after{
    text-decoration: none;
    }

  4. #4
    Membre expérimenté
    Homme Profil pro
    OoW
    Inscrit en
    Juin 2019
    Messages
    150
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : Ukraine

    Informations professionnelles :
    Activité : OoW

    Informations forums :
    Inscription : Juin 2019
    Messages : 150
    Par défaut
    \ô/
    je ne comprends pas trop ce que tu cherches à faire compte-tenu que tu affiches un fil d'Ariane.

    Ceci étant tu as :
    Vous êtes ici : Accueil / Lieux avec activités

    il me semble que tu devrais plutôt avoir
    Vous êtes ici : Accueil / Organisations / Lieux avec activités

    comme Lieux avec activités n'est pas accessible via ton menu d'entête, trop large d'ailleurs.

  5. #5
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut
    Bonjour
    J'avais modifié l'affichage pour traiter un autre problème.
    Oui tu as raison pour le fil d'ariane mais je souhaite le conserver ainsi pour d'autres raisons.
    Je vois que beaucoup de sites ont le même problème, mais certains sites y sont arrivés.
    J'essaie encore

    j'aimerais que sur la page https://cochanger.eu/editeur-media-hors-web , l'item "Organisations" soit encadré comme si on était sur https://cochanger.eu/organisations
    Comme le nombre d'item peut varier je souhaite éviter de pointer avec les childs.
    Je vois li => class="metismenu-item item-191 level-1 deeper parent mais je n'arrive pas à en faire quelque chose

  6. #6
    Membre éclairé
    Profil pro
    Inscrit en
    Avril 2003
    Messages
    269
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2003
    Messages : 269
    Par défaut
    Bonjour
    Une aide précieuse sur le forum joomla m'a indiquée
    Définir une classe de page dans l'édition du lien de menu (onglet affichage de la page) qui pourra différencier cette page. On pourra retrouver cette classe associée à body. De cette façon, on evite d'associer le style à un itemid qui pourrait changer si tu décide d'attribuer à une autre page. idem pour le lien avec Style CSS du lien dans l'onglet "Type de liens".
    J'ai pu pointer
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    body.view-category.encadre-menu-parent-doc li.item-191 > a, body.encadre-menu-parent-doc li.item-191 > a,
    body.view-category.encadre-menu-parent-orga li.item-192 > a, body.encadre-menu-parent-orga li.item-192 > a {
    	outline: 2px solid black;}

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

Discussions similaires

  1. Réponses: 5
    Dernier message: 14/12/2019, 18h24
  2. Réponses: 1
    Dernier message: 09/12/2019, 17h52
  3. Centrer un item dans son parent
    Par GilbertLatranche dans le forum Qt Quick
    Réponses: 5
    Dernier message: 08/01/2015, 19h07
  4. Réponses: 0
    Dernier message: 03/03/2014, 23h31
  5. Selection un item qui se trouve dans un combo (menu deroulant)
    Par troxsa dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 09/01/2009, 11h40

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo