Problème barre de navigation (code CSS)

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème barre de navigation (code CSS)

Message par Rockstyles Sam 5 Avr 2014 - 10:41

Bonjour !

Je me suis attelé à la personnalisation de ma barre de navigation via le code CSS mais j'ai rencontré un problème.

Déjà, voici mon code CSS :
Code:
       #page-header .navbar{
        background-color:#595959;
        }
        .navbar ul{
        border-bottom:none;
        }
        #search-box{
        height:0px;
        visibility:hidden;
        }
            /* Accueil */
        a.mainmenu[href="/"] { color:#D2D2D2; text-transform: uppercase;}
        a.mainmenu[href="/"]:hover { color:white; text-transform: uppercase; text-shadow: 0px 0px 5px #FEFEFE; }
        
           /* Forum */
        a.mainmenu[href="/forum"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Portail */
        a.mainmenu[href="/portal"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Calendrier */
        a.mainmenu[href="/calendar"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Galerie */
        a.mainmenu[href^="/gallery"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* FAQ */
        a.mainmenu[href="/faq"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Rechercher */
        a.mainmenu[href="/search"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Membres */
        a.mainmenu[href="/memberlist"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Groupes */
        a.mainmenu[href="/groups"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Profil */
        a.mainmenu[href="/profile?mode=editprofile"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Messagerie */
        a.mainmenu[href^="/privmsg"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* S'enregister */
        a.mainmenu[href="/register"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Connexion */
        a.mainmenu[href="/login"] { color:#D2D2D2; text-transform: uppercase; }
        
           /* Déconnexion */
        a.mainmenu[href^="/login?logout=1"] { color:#D2D2D2; text-transform: uppercase; }

Lorsque je valide mon code CSS, on m'indique une erreur : (le code marche parfaitement)
Problème barre de navigation (code CSS) 1396686963-capture-d-ecran-379
J'ai eu beau chercher, pas moyen de trouver les guillemets en trop ou une erreur, après je ne m'y connais pas en CSS donc j'ai dû rater quelque chose.


Merci !


Dernière édition par Rockstyles le Mar 8 Avr 2014 - 18:55, édité 1 fois
Rockstyles

Rockstyles
*

Masculin
Messages : 31
Inscrit(e) le : 24/05/2010

Rockstyles a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème barre de navigation (code CSS)

Message par Self Sam 5 Avr 2014 - 14:16

Bonjour,

Le problème viens certainement du commentaire (à cause de l'apostrophe) :
Code:
/* S'enregister */

Petit conseil étant donné que vous donnez les mêmes propriétés et mêmes valeurs à tout vos liens il suffit de mettre ces quelques lignes pour tous :
Code:
a.mainmenu {
   color:#D2D2D2;
   text-transform: uppercase;
}

Bonne journée Wink.
Self

Self
Membre actif

Masculin
Messages : 3853
Inscrit(e) le : 13/06/2013

https://selfback.forumactif.com/
Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème barre de navigation (code CSS)

Message par Rockstyles Sam 5 Avr 2014 - 16:24

Merci beaucoup SeLfde4Th7 !

Ce devait bien être l'apostrophe qui gênait vu qu'en supprimant le commentaire l'erreur a aussi disparu. Et votre astuce m'a bien aidé, c'est plus simple et plus rapide.
Rockstyles

Rockstyles
*

Masculin
Messages : 31
Inscrit(e) le : 24/05/2010

Rockstyles a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum