Joomladay francophone 2018 à Paris 18 et 19 mai

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/fr
    Une association de handicapés moteur détentrice du brevet du Neurogel.
    https://www.fred-net.fr création et conseil internet
    Hébergé avec bonheur et depuis 2001 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/fr
      Une association de handicapés moteur détentrice du brevet du Neurogel.
      https://www.fred-net.fr création et conseil internet
      Hébergé avec bonheur et depuis 2001 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/fr
          Une association de handicapés moteur détentrice du brevet du Neurogel.
          https://www.fred-net.fr création et conseil internet
          Hébergé avec bonheur et depuis 2001 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/fr
              Une association de handicapés moteur détentrice du brevet du Neurogel.
              https://www.fred-net.fr création et conseil internet
              Hébergé avec bonheur et depuis 2001 chez PHPNET

              Commentaire

              Annonce

              Réduire
              1 sur 2 < >

              C'est [Réglé] et on n'en parle plus ?

              A quoi ça sert ?
              La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

              Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

              Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
              Comment ajouter la mention [Réglé] à votre discussion ?
              1 - Aller sur votre discussion et éditer votre premier message :


              2 - Cliquer sur la liste déroulante Préfixe.

              3 - Choisir le préfixe [Réglé].


              4 - Et voilà… votre discussion est désormais identifiée comme réglée.

              2 sur 2 < >

              Assistance au forum - Outil de publication d'infos de votre site

              Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

              Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

              Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

              UTILISER À VOS PROPRES RISQUES :
              L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

              Problèmes connus :
              FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

              Installation :

              1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

              Archive zip : https://github.com/AFUJ/FPA/zipball/master

              2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

              3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

              4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

              5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

              6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
              et remplacer www. votresite .com par votre nom de domaine


              Exemples:
              Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
              Télécharger le script fpa-fr.php dans: /public_html/
              Pour executer le script: http://www..com/fpa-fr.php

              Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
              Télécharger le script fpa-fr.php dans: /public_html/cms/
              Pour executer le script: http://www..com/cms/fpa-fr.php

              En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

              Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
              Voir plus
              Voir moins
              Travaille ...
              X