Adapter mes codes à Chrome (barre de navigation)

[lunasims57]

Bonjour, enfin plutôt bonsoir !

J'ai modifié mon CSS pour avoir une apparence spéciale pour ma barre de navigation, comme ceci :



J'ai utilisé ces codes :

Code:

/* Apparence de la barre de navigation */

.mainmenu {
   font-variant: small-caps;
   font-family: 'Handlee', cursive;
   text-shadow: 1px 0px 1px rgb(180,180,180);
   font-weight : bold;
}

.navbar ul{
 border-bottom:none;
}

        div#logo-desc p {
          display: none;
        }

/*réduire espace entre pub et accueil messagges etc */
/*.navbar {  
    height:25px;
}/*

/*enlever le dernière viste*/
p.rightside {  
          display: none !important;
        }

#search-box{
 visibility:hidden;
}

#i_icon_mini_index {   /* accueil normal */
     font-size:23px;
   left: 0px;
   color:auto;
}

#i_icon_mini_index:hover {   /* accueil survolé */
     font-size:25px;
   left: 0px;
   color:auto
}

#i_icon_mini_search {  /* recherche normale */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_search:hover {   /*recherche survolée */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_members {  /* membres normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_members:hover {  /* membres survolés */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_groups {  /* groupes normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}
  
#i_icon_mini_groups:hover {  /* groupes survolés */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_profile {  /*profil normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_profile:hover {  /*profil survolé */
     font-size:25px;
   margin-left: 15px;
   color:auto
}
  
#i_icon_mini_message {  /*message normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_message:hover {  /*message survolé */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_new_message {  /*nouveau message normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_new_message:hover {  /*nouveau message survolé */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_register {  /*s\'inscrire normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_register:hover {  /*s\'inscrire survolé */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_logout {  /*se déco normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_logout:hover {  /*se déco survolé */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_login {  /*se co normal */
     font-size:23px;
   margin-left: 15px;
   color:auto
}

#i_icon_mini_login:hover {  /*se co survolé */
     font-size:25px;
   margin-left: 15px;
   color:auto
}

        #i_icon_mini_calendar, .mainmenu[href="/calendar"]{
        display:none;}

        #i_icon_mini_faq, .mainmenu[href="/faq"]{
        display:none;}


Le problème est que mes membres utilisant chrome voient soit un petit papier avant le nom de chaque lien, soit rien du tout comme ça :



J'utilise firefox alors je n'ai pas remarqué tout de suite. Comment faire pour que l'affichage soit bon pour chrome ? Merci de vos réponses !

[Neptunia]

Bonjour ^^

Vous avez mis dans votre tableau images cette adresse

Code:

http://illiweb.com

Qui n'est évidemment pas une image et déclenche donc l'icône d'image inexistante sous les navigateurs basés sur Chromium.

Essayez avec cette adresse

Code:

http://2img.net/i/fa/empty.gif

Par ailleurs vos identifiants css se réfèrent à des images.
Par conséquent on ne peut pas leur appliquer de font-size ni de color.

Vous pourriez essayer de remplacer les sections concernées par

Code:

a.mainmenu {
font-size: 23px;
}
a.mainmenu:hover {
font-size: 25px;
}

[lunasims57]

Quand je fait ça il n'y a plus aucun texte ni image, c'est tout blanc :/
Peut-être qu'il faudrait un code qui désactive les images ?

PS : par contre le a.mainmenu marche bien, je le garde parce que c'est beaucoup plus court ! Merci !

[lunasims57]

Sujet toujours actuel ~

[Lixyr]

Bonsoir,

Quand vous allez dans panneau d'administration >> affichage >> entête & navigation >> Afficher seulement des images dans la barre des liens :
est-ce coché à "non", et supprimez toutes les images d'illustration pour chaque menu ? Essayez pour voir ce que ça donne.

[lunasims57]

Oui c'est ça, c'était simple finalement ! Merci