Problème avec la Barre de Navigation

[Nopestealth]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://web-lspd.forumactif.com/

Description du problème

Bonsoir,
Voilà j'ai il y a plus d'une semaine, dut recréer un forum suite à la suppression de celui-ci par un "Hackeur".

J'aimerai que ma barre de navigation soit en images. Mais le problème est que les images mises ne se mettent jamais à la même taille (Avec pleins de différents icons), certains sont trop petits, les autres trop grand.
Puis, les images sont séparées par du vide, hors ce n'est pas mon envie.

J'ai simplement rajouter ça à mon CSS, car sinon les images sont très petites.

Code:

.navbar img {
   display: inline-block;
   margin-right: 20px;
   vertical-align: 20px;
   width: 110px;
   filter: invert(0%);
    }

J'espère pouvoir être aidé,
Cordialement,

[*Splash*]

Hi,

Que veux-tu faire exactement, je n'ai pas tout compris ?

[*Splash*]

OK

Pour afficher les images seulement sur la navbar, tu fais

PA / Affichage / Page d'accueil / En-tête & Navigation : Afficher seulement des images dans la barre des liens, tu coches oui.

Pour mettre tes images tu fais :

PA / Affichage / Gestions des images / Mode avancé Et là tu as Index, Calendrier, Galeries etc qui correspond aux images de la barre de navigation.

[Nopestealth]

Bonsoir Splash,
C'est ce que j'ai fait, mais comme vous pouvez le constater sur mon forum, elles sont soit trop petite, soit trop grande et j'aimerai qu'elles soient collées, hors elle ne le sont pas :/

http://web-lspd.forumactif.com

[*Splash*]

Pour les coller les unes aux autres, tu vas dans : PA / Affichage / Page d'accueil / En-tête & Navigation

Dans la partie Barre de navigation avec les flèches et tu t'arranges pour mettre les menus de ta navbar les uns derrière les autres

[Nopestealth]

J'ai fait ce que tu m'as proposé, mais ça ne marche absolument pas. J'ai testé en supprimant le CSS, mais rien n'y change. Et certaines images sont encore trop grandes comparées aux autres.

 

[*Splash*]

Je viens de faire le même constat que toi sur un forum test en version ModernBB, avec des images qui viennent du libre service des créations graphiques de ce forum.
Actuellement je ne saurais t'en dire plus, je pense qu'il faut creuser du côté du code CSS

[Nopestealth]

Merci bien, je vais essayer d'attendre les réponses d'utilisateur de ModernBB. Merci quand même.

[*Splash*]

Je n'ai pas le temps d'essayer ces même images sur un forum en version phpBB2 ou 3, pour voir si le bug vient de ModernBB justement

[Invité]

Hello Nopestealth et Fred,

hum,
tu peux ajouter ceci dans ta feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style



Ajoutes ceci:

Code:

#barrenavig .navbar img{width:auto!important;}

Penses à cliquer sur le bouton


a++

[*Splash*]

Evidemment je n'ai pas pensé au width auto...

[Nopestealth]

Merci, elles se sont agrandies, mais elles sont restées décollées. Elles ne sont pas coller, si vous auriez la solution, je vous en remercierai.

[Invité]

Re,
tu peux ajouter ceci dans ta feuille de style:

Code:

#barrenavig .navbar.navlinks a{padding:0px !important;}

a++

[Nopestealth]

Re,
Ça n'a pas marché avec le code suivant :

Code:

#barrenavig . navbar.navlinks a{padding:opx!important;}

Puis, j'ai vu que le . n'était pas collé à navbar et je l'ai collé pour essayer, et les boutons se sont mis de bas en haut.

[Invité]

Re,
je viens de corriger mon style donné,
tout est ok pour moi sur ton fofo

a++

[Nopestealth]

Moi je vois un petit écart entre les images, je sais pas si c'est seulement moi.

[*Splash*]

Hum, effectivement il y a une toute petite bande noire entre les images et surtout ce pavé blanc qui apparaît au survol

[Nopestealth]

J'ai réussit à enlever le pavé blanc, or pour l'écart je ne sais pas.

[*Splash*]

Les menus visibles en tant qu'invité se suivent bien rapport à ce message : https://forum.forumactif.com/t398873-probleme-avec-la-barre-de-navigation#3331194

[Nopestealth]

J'ai déjà placés les menus dans l'ordre qu'ils apparaissent sur le forum.

[Invité]

Hello Nopestealth,

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutes ceci:

Code:


#barrenavig .navbar.navlinks a img{margin-right:0px!important;}


Penses à cliquer sur le bouton

a++

[Nopestealth]

Bonsoir,
Merci à vous deux, le problème a été totalement été réglé grâce à votre aide, encore merci.

Cordialement,