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 :

Appliquer un CSS sur menu


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    168
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 168
    Par défaut Appliquer un CSS sur menu
    Hello,

    Je bataille depuis hier pour faire afficher une image en background sur un menu.

    Le site : URL SUPPRIMEE

    Dans le menu supérieur, nous allons prendre Les Lapins

    Dans le code c'est :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <li id="menu-item-19" class="ico2 menu-item menu-item-type-post_type menu-item-object-page">
    la class ico2 a été ajouté dans un style dans le header.

    qui est :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .main-menu ico2 a {
    background:url(/icones/male1.png) no-repeat 0.5em 0.5em transparent;
    }
    Mais impossible de faire appliquer cette class, rien n'apparait. De plus je suis pas sûr du container .main-menu car il y en a plusieurs dans cette zone.

    Bref avec Firebug certains verrons plus clairement.

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Bonjour,
    attention a ta façon de déclarer tes classes
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .main-menu ico2 a {
    background:url(/icones/male1.png) no-repeat 0.5em 0.5em transparent;
    }
    n'a pas grande significaton, il te faut écrire
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .main-menu, .ico2,  a {
    background:url(/icones/male1.png) no-repeat 0.5em 0.5em transparent;
    }
    à lire Comment appliquer plusieurs styles à un élément ? et encore Comment les CSS s'appliquent aux éléments (X)HTML

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    168
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 168
    Par défaut
    Arf en effet ! Je te remercie je me mélangeais un peu les pinceaux entre ce qui étaient nécessaires pour plusieurs class et / ou avec ID.

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Octobre 2005
    Messages
    168
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2005
    Messages : 168
    Par défaut
    Maintenant c'est dans le sous-menu que je n'arrive pas.

    http://www.lacompagniedeslapins.com/

    Sous-menu "Lapin", il devrait y avoir des icones à côté de "Male", "Femele", mais dans firebug mon style apparait barré.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .menu-menu-top-container, .sub-menu, .male a {
    background:url(/icones/male.png) no-repeat 0.5em 0.5em transparent;
    }
    Je dois manquait quelque chose sur les container précédent.

  5. #5
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 209
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 209
    Par défaut
    Citation Envoyé par thibotus01 Voir le message
    Je dois manquait quelque chose sur les container précédent.
    sûrement un problème de spécificité des sélecteurs.

Discussions similaires

  1. CSS sur Menu .Net4
    Par Champouil dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 16/03/2012, 09h59
  2. Appliquer du CSS sur balise <html:link>
    Par unclebounty dans le forum Struts 1
    Réponses: 3
    Dernier message: 17/11/2009, 15h39
  3. [débutante] Appliquer un css sur un display tag
    Par newmar dans le forum Struts 1
    Réponses: 3
    Dernier message: 30/04/2008, 18h49
  4. Problème en appliquant le CSS sur un lien
    Par L'aigle de Carthage dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 19/03/2008, 08h37
  5. "appliquer" les css sur une liste deroulante
    Par eclipse012 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 09/10/2006, 14h44

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