[Problème] Centrer une image dans un menu

[fredjouan]

Bonjour,
Comment centrer l'image dans un lien de menu, pour éviter le résultat qui suit ?

D'avance merci,
Fred
Cette tentative a échoué :
Gestion des menus –> Attribut "Titre de lien" –> align: center;

[PieceOfCake]

Re : Centrer une image dans un menu

Bonjour Fred,

align center n'est pas fait pour ça.

Il faudrait essayer (pas sur du résultat) : margin : 0 auto;
mais pour que cela fonctionne, il faut que le conteneur soit bien un conteneur de type box et pa sinline, sinon on va partir dans des modifs un peu compliquées

Cordialement

[fredjouan]

Re : Centrer une image dans un menu

Salut PieceOfCake et merci de ta réponse,
Je viens de me rendre compte que la case Gestion des menus –> Attribut "Titre de lien" n'est pas la bonne. Elle affiche un petit texte au survol de la souris. Rien à voir.
J'ai donc essayé dans la case en dessous : Style CSS du lien, ce qui est plus logique mais ça ne fonctionne pas non plus. J'ai aussi fait un essai avec la commande suivante :

font-weight: bold;

Le texte n'est pas en gras
Par contre, en suivant un des liens "Discussions similaires" : Centrer image dans un menu, j'ai placé avec PhotoShop le petit logo dans un fichier PNG plus grand… et ça fonctionne !

Mais le lien en dessous n'est pas coupé au bon endroit : Île-de-France devrait être en entier en dessous.
C'est possible, ça ?
Fred
PS : Je ne suis allé qu'une fois à Nantes, j'avais trouvé la ville formidable. Le temps était splendide, les filles étaient jolies, je sais pas, il régnait une ambiance chaleureuse. C'est un bon souvenir.

[PieceOfCake]

Re : Centrer une image dans un menu

Mais le lien en dessous n'est pas coupé au bon endroit : Île-de-France devrait être en entier en dessous.
C'est possible, ça ?
Fred
PS : Je ne suis allé qu'une fois à Nantes, j'avais trouvé la ville formidable. Le temps était splendide, les filles étaient jolies, je sais pas, il régnait une ambiance chaleureuse. C'est un bon souvenir.

euh ... en écrivant plus petit ?
je rigole, mais en fait j'ai le même problème avec mon template qui quelque part doit avoir défini un max-width css pour empêcher les administrateurs distraits de créer des noms à rallonge qui occuperait les 3/4 de l'écran.


pour les filles, je peux pas dire, mon épouse m'interdit de les regarder ...
Pour le temps aujourd'hui c'est super 28 - 29°C ça nous change des derniers jours d'août.

[fredjouan]

Re : Centrer une image dans un menu

Ouais, il y a tellement de feuilles de style qu'on ne sait plus laquelle agit sur la cellule concernée. Il n'y a qu'à "Examiner l'élément" avec un outil de diagnostic pour se rendre compte que ça chevauche à tout-va ! Entre bootstrap, JQuery,…
Je continue à chercher, je viens de tenter une image avec le texte intégré (en retirant le texte du lien) mais le résultat est moche (du texte sur un fond transparent n'est jamais très heureux).
Normalement, il doit exister une solution plus conforme…

La mienne aussi mais elle n'était pas à Nantes !

[PieceOfCake]

Re : Centrer une image dans un menu

lol

J'ai récupéré ça récemment dans ma veille technologique habituelle, si ça peut t'aider : http://css-tricks.com/centering-css-complete-guide/


Si tu veux que je jette un œil sous firebug, envoie moi l'url par MP

Cordialement

[fredjouan]

Re : Centrer une image dans un menu

Merci pour le lien. En examinant l'élément, on voit qu'il est inline (donc, mauvaise pioche), j'ai donc tenté :

ul.nav-child.unstyled.small { text-align: center; }

Sans succès…
Le site est en local, pour l'instant, donc pas d'URL possible. Le cas échéant (si j'installe le site sur un serveur de développement), je reviendrai vers toi.
Amicalement,
Fred