Problème barre de navigation (code CSS)

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 le 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)

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
*

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 le 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
+ Hyperactif +

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

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

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

Message par Rockstyles le 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
*

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


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