Centrer une image dans un menu

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [Problème] Centrer une image dans un menu

    Bonjour,
    Comment centrer l'image dans un lien de menu, pour éviter le résultat qui suit ?
    Cliquez sur l'image pour l'afficher en taille normale

Nom : Capture-menu.JPG 
Affichages : 1 
Taille : 52,7 Ko 
ID : 1820674
    D'avance merci,
    Fred
    Cette tentative a échoué :
    Gestion des menus –> Attribut "Titre de lien" –> align: center;
    Dernière édition par fredjouan à 08/09/2014, 14h14
    http://www.neurogelenmarche.org/
    Une association de handicapés moteur. Projet Kunming 2018
    https://www.fred-net.fr création internet
    Hébergé avec bonheur et depuis 2002 chez PHPNET

  • #2
    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
    Il y a 10 sortes de gens. Ceux qui savent compter en binaire et ceux qui ne savent pas ...

    Commentaire


    • #3
      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 !
      Cliquez sur l'image pour l'afficher en taille normale

Nom : Capture-menu.JPG 
Affichages : 1 
Taille : 46,3 Ko 
ID : 1803674
      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.
      Dernière édition par fredjouan à 09/09/2014, 13h56
      http://www.neurogelenmarche.org/
      Une association de handicapés moteur. Projet Kunming 2018
      https://www.fred-net.fr création internet
      Hébergé avec bonheur et depuis 2002 chez PHPNET

      Commentaire


      • #4
        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.
        Il y a 10 sortes de gens. Ceux qui savent compter en binaire et ceux qui ne savent pas ...

        Commentaire


        • #5
          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 !
          http://www.neurogelenmarche.org/
          Une association de handicapés moteur. Projet Kunming 2018
          https://www.fred-net.fr création internet
          Hébergé avec bonheur et depuis 2002 chez PHPNET

          Commentaire


          • #6
            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
            Il y a 10 sortes de gens. Ceux qui savent compter en binaire et ceux qui ne savent pas ...

            Commentaire


            • #7
              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
              http://www.neurogelenmarche.org/
              Une association de handicapés moteur. Projet Kunming 2018
              https://www.fred-net.fr création internet
              Hébergé avec bonheur et depuis 2002 chez PHPNET

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X