header disparaît sur Safari

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

  • [RÉGLÉ] header disparaît sur Safari

    Bonjour,

    J'ai constaté que la barre des menus est normale sur chrome mais sur safari les liens du menu ne s'affichent pas, ils sont blanc sur blanc.

    EDIT : j'ai constaté qu'en vérité le header apparaît bien quand la page n'est pas trop large, il disparaît ensuite mais il est possible de cliquer sur les onglets dans le vide.... la largeur max sur safari pour qu'il s'affiche est environ 1200 pix

    Pour le footer, il est blanc sur chrome et gris sur safari. Je le voudrais blanc avec texte gris. Sur les paramètres généraux, tout semble ok, mais du coup j'ai essayé de changer la couleur du texte du footer directement dans le module concerné et résultat il s'affiche en blanc sur le gris mais je ne l'ai plus sur le footer blanc de chrome. J'aurais besoin que cela soit uniformisé entre les deux moteurs, si possible texte gris sur blanc.

    Mes utilisateurs utilisent à égalité ces deux moteurs de recherche.


    Merci à toute personne qui passera par là !!!


    infos techniques :
    joomla.3.21
    jd_atlanta sur helix 3 (2.5.6)
    Dernière édition par clairejouy à 25/08/2022, 10h57

  • #2
    Bonjour,

    On m'a appris à faire "inspecter" la page, donc j'ai regardé, et selon ce que j'ai mis dans le message édité au dessus, le css m'indique que la largeur max du media est 1200, est-ce que cette ligne du css joue un rôle dans ce qui est en train de ce passer ici ? Que puis-je faire pour corriger cela ? Je vous remercie pour votre aide !

    Commentaire


    • #3
      Si jamais quelqu'un passe par ici, j'ai réalisé que j'aurais pu mettre cette question dans la catégorie css et template, au moment de poster je ne savais pas du tout quel pouvait être mon problème, je ne le sais pas encore exactement mais j'avance dans ma recherche.

      J'ai d'autres sites sur lesquels la barre des menus marche très bien peu importe le moteur de recherche. Même fiche de style. Est-ce que si je récupère le css du template ou un autre css cela me permettra de retrouver une barre des menus lisible ? Est-ce que dans les dossiers sources on peut insérer un fichier d'un autre dossier source d'un autre site ? Merci pour votre aide !

      Commentaire


      • #4
        Bonjour,

        Comme dans la discussion précédente, tu peux ajouter les lignes suivantes dans la css personnalisé

        afin de forcer la couleur de texte sur le menu du haut,
        la couleur de fond du bas de page,
        la couleur de texte du bas de page (footer) ainsi que les liens (a)

        Code HTML:
        #sp-menu ul.sp-megamenu-parent > li a { color: black !important; }
        
        footer#sp-footer { background: #595959 !important; }
        
        #sp-footer { color: #ffffff !important; }
        
        #sp-footer a { color: #ffffff !important; }
        Désolé, je n'ai pas le temps de détailler et d'expliquer car cela fait plutôt l'objet de formation sur la css.
        Tu as de nombreux tutoriels sur le sujet sur internet.

        Et pour ce qui est de ta question sur le forum, tu n'est pas au bon endroit car ton site est sous Joomla 3.

        Mon conseil serait de régler les trucs les plus "urgents" puis de retravailler le site sous Joomla 4.
        Dernière édition par daneel à 25/08/2022, 18h43
        Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

        Commentaire


        • #5
          daneel , j'ai vu que m'on post a été déplacé, je l'avais mis dans les questions générales de joomla 3, je remercie la personne qui a déplacé le post en tout cas même si c'est pas le bon joomla "

          C'est super gentil pour le code, par contre petit souci, j'ai collé le code dans le css personnalisé, et maintenant même sur chrome les menus ne s'affichent plus "

          Je comprends oui ce serait l'idéal, je fais comme je peux pour aider sur le site internet mais je n'ai aucune formation web donc ça n'aide pas. Pour la MAJ je ne peux pas faire un changement aussi lourd moi-même mais merci de me l'indiquer, mon père l'a pressenti quand je lui en ai parlé, à la base je l'aide en graphisme et comm et depuis que la personne du web est partie c'est la galère en attendant de trouver quelqu'un de qualifié, mais j'essaye d'apprendre un petit peu du coup !

          Je continue mes recherches en tout cas ! Merci daneel

          Commentaire


          • #6
            Envoyé par clairejouy Voir le message
            daneel
            j'ai collé le code dans le css personnalisé, et maintenant même sur chrome les menus ne s'affichent plus
            ok pas de soucis, on procède étape par étape...

            Code:
            #sp-menu ul.sp-megamenu-parent > li a { color: #000000 !important; }
            le code ci-dessus indique que les liens ( a ) de la liste (li) doivent avoir la couleur #000000 ou black ou #000, c'est à dire le noir RVB en hexa.
            On précise les éléments parents comme #sp-menu pour distinguer les liens du menu des autres liens.

            En utilisant l'inspecteur du navigateur (touche F12 du clavier), on peut le voir directement dans le code :


            Astuce : en double-cliquant par exemple sur la couleur, tu peux tester virtuellement tes modifications :

            J'ai ajouté !important pour passer au-dessus des réglages présent dans le fichier css.

            Perso, je teste toujours avant de finaliser la css.

            En réduisant la fenêtre, le texte reste en bien en noir jusqu'à l'apparition de l'icône "sandwich" ou "hamburger".



            Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

            Commentaire


            • #7
              Bonjour daneel

              Merci beaucoup à toi pour ce détail !! Malheureusement je n'avais pas pensé qu'il me faudrait l'accès aux fichiers et je ne l'ai pas encore obtenu (je travaille à distance et je n'arrive pas à me reconnecter au VPN) J'ai communiqué l'info à mon père qui va voir ce qu'on peut faire pour que j'obtienne un accès ou pour qu'une personne le fasse en interne

              En tout cas, depuis que j'ai découvert la possibilité de rentrer dans le code des sites je n'ai toujours pas osé faire quoique ce soit dessus pour m'entraîner au code, dès que j'essaye je te dirai ce que ça donne, je testerai sur Chrome et Safari. Il faudrait peut-être aussi que je teste sur Firefox car on ma signalé aussi que la barre des menus ne s'y affichait pas à partir d'une certaine largeur, comme d'hab elle redevient normal quand on la réduit à partir de 1 200 et ensuite disparaît pour le sandwich.

              Bonne soirée, bon week-end et j'espère pouvoir revenir au plus vite pour te dire si la manip a marché !

              Commentaire


              • #8
                Bonjour,

                Je n'ai pas parlé de modifier directement la css mais de copier la première ligne de ce que je propose comme la fois précédente dans le paramètre css personnalisé.
                Et de faire un retour sur ce que tu obtiens.

                L'astuce de l'inspecteur, c'est pour tester "virtuellement"... bon oublie, tu n'est pas encore prête !
                De plus, je te conseille de ne pas modifier la css existante comme tu le suggère car ce serait écrasé par les mises à jour mais bien de l'ajouter dans cette zone prévue à cet effet.

                Tu peux aussi créer un fichier de personnalisation mais là, ce n'est pas la peine de se prendre la tête pour un simple copier/coller.
                On verra par la suite pour l'optimisation et les explications, toute info supplémentaire fait perdre l'objectif, allons à l'essentiel.

                Donc s'il te plait, copie la ligne et colle dans le paramètre de template que je t'ai déjà indiqué. Et indique le résultat, merci !



                Code:
                #sp-menu ul.sp-megamenu-parent > li a { color: #000000 !important; }
                Dernière édition par daneel à 26/08/2022, 20h24
                Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

                Commentaire


                • #9
                  Bonjour daneel

                  Je suis navrée de répondre aussi tard, je n'ai pas repris mon ordi depuis vendredi après-midi. Désolée de ne pas avoir compris que j'avais juste à refaire le copier coller de la ligne dans la case custom css... Je viens tout juste de faire le copier/coller, j'ai ouvert la page sur safari et ça marche du tonnerre !!

                  Merci beaucoup pour ton aide !!

                  Commentaire


                  • #10
                    C'est parfait, il ne reste plus qu'un détail : passer la discussion en [RÉGLÉ]
                    https://forum.joomla.fr/announcement.php?f=230
                    Lorsque l'on se cogne la tête contre un pot et que cela sonne creux, ça n'est pas forcément le pot qui est vide.
                    Confucius

                    Commentaire


                    • #11
                      lesoutier c'est fait pardon

                      daneel j'ai aussi tenté de copier/coller la suite du code qui était à mettre dans le custom css, j'ai juste inversé le gris et le blanc et ça marche aussi ! Merci encore et bonne journée !

                      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

                      Partenaire de l'association

                      Réduire

                      Hébergeur Web PlanetHoster
                      Travaille ...
                      X