Joomladay francophone 2018 à Paris 18 et 19 mai

Joomla 3 - Problème affichage avec Google Chrome

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

  • Joomla 3 - Problème affichage avec Google Chrome

    Bonjour,

    Je viens de mettre mon site en ligne et il se comporte bien sur IE et Firefox. En revanche, sur Google Chrome, j'ai quelques soucis d'affichage : les images insérées dans les articles s'affichent en miniatures :

    http://www.eso-plongee.fr/index.php?...=19&Itemid=254

    http://www.eso-plongee.fr/index.php?...=31&Itemid=255

    http://www.eso-plongee.fr/index.php?...d=6&Itemid=113

    ... bref, presque tous les articles qui contiennent des images.


    De plus, d'une façon générale, l'affichage est décentré, le slideshow est porté sur la gauche au lieu d'être au centre ... etc pas terrible en somme.

    J'ai testé depuis plusieurs ordinateurs différents et j'ai toujours le même résultat.

    J'utilise joomla 3, Template protostar, le composant BG max pour le fond d'écran et JCE pour l'édition des articles. Y a t'il une solution à ce problème ?

    Merci d'avance et bonne année

    Lolo

  • #2
    Re : Joomla 3 - Problème affichage avec Google Chrome

    Envoyé par lolosurleweb Voir le message
    Bonjour,

    Je viens de mettre mon site en ligne et il se comporte bien sur IE et Firefox. En revanche, sur Google Chrome, j'ai quelques soucis d'affichage : les images insérées dans les articles s'affichent en miniatures :

    http://www.eso-plongee.fr/index.php?...=19&Itemid=254

    http://www.eso-plongee.fr/index.php?...=31&Itemid=255

    http://www.eso-plongee.fr/index.php?...d=6&Itemid=113

    ... bref, presque tous les articles qui contiennent des images.


    De plus, d'une façon générale, l'affichage est décentré, le slideshow est porté sur la gauche au lieu d'être au centre ... etc pas terrible en somme.

    J'ai testé depuis plusieurs ordinateurs différents et j'ai toujours le même résultat.

    J'utilise joomla 3, Template protostar, le composant BG max pour le fond d'écran et JCE pour l'édition des articles. Y a t'il une solution à ce problème ?

    Merci d'avance et bonne année

    Lolo
    cette regle te permettras de cibler chrome uniquement :
    Code:
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    
    /* mes modifs chrome
    }
    Mon site de documentation sur Joomla et le CCK K2 : http://documentation.informaticien51.fr
    Une notice pour le CCK K2 ( mise à jour le 01/06/2015) :
    http://documentation.informaticien51...couverte-de-k2

    Commentaire


    • #3
      Re : Joomla 3 - Problème affichage avec Google Chrome

      Bonjour,

      pour info, le problème est égaleme,nt présent sous Safari.
      JoomlaDay FR 2018 - 18/19 Mai 2018 ! J'y serai ... et vous ?

      Envie de lire sur Joomla!, mais pas que ? Cinnk magazine http://cinnk.com/magazine

      Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous
      Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

      Commentaire


      • #4
        Re : Joomla 3 - Problème affichage avec Google Chrome

        Salut Fabdu51 & SimonG,

        Pardonne-moi je suis profane en programmation. J'appose cette règle en fin de fichier .CSS du template, c'est bien ça ?

        Merci,

        + +

        Lolo.

        Commentaire


        • #5
          Re : Joomla 3 - Problème affichage avec Google Chrome

          Envoyé par lolosurleweb Voir le message
          Salut Fabdu51 & SimonG,

          Pardonne-moi je suis profane en programmation. J'appose cette règle en fin de fichier .CSS du template, c'est bien ça ?

          Merci,

          + +

          Lolo.
          oui en bas du fichier template.css ou du fichier custom.css, si tu en as crée un.
          A toi de cibler les bonnes regles avec l'inspecteur d'élément.
          Je ne les ai pas incluse dans la requete/

          @simong: c est normal les deux navigateurs utilise webkit comme moteur de rendu.
          Donc les defauts qui sont sur chrome sont aussi sous safari.
          Dernière édition par lefabdu51 à 04/01/2016, 12h21
          Mon site de documentation sur Joomla et le CCK K2 : http://documentation.informaticien51.fr
          Une notice pour le CCK K2 ( mise à jour le 01/06/2015) :
          http://documentation.informaticien51...couverte-de-k2

          Commentaire


          • #6
            Re : Joomla 3 - Problème affichage avec Google Chrome

            Envoyé par lefabdu51 Voir le message
            @simong: c est normal les deux navigateurs utilise webkit comme moteur de rendu.
            Donc les defauts qui sont sur chrome sont aussi sous safari.
            Merci pour la précision
            JoomlaDay FR 2018 - 18/19 Mai 2018 ! J'y serai ... et vous ?

            Envie de lire sur Joomla!, mais pas que ? Cinnk magazine http://cinnk.com/magazine

            Pour apprendre à construire votre site web avec Joomla 3 : Joomla3! Le Livre Pour Tous : http://cinnk.com/joomla/3/le-livre-pour-tous
            Créez votre boutique en ligne avec Joomla! & HikaShop http://cinnk.com/boutique/livres/cre...la-et-hikashop

            Commentaire


            • #7
              Re : Joomla 3 - Problème affichage avec Google Chrome

              Salut Fabdu51,


              J'ai inséré le code au pied de mon .CSS (car je n'ai pas de fichier custom) et cela n'a pas fonctionné.

              @media screen and (-webkit-min-device-pixel-ratio:0) {

              /* mes modifs chrome
              }


              Après, comme je ne programme pas, j'ai peut être mal interprété ta réponse. "mes modifs chrome" supposaient peut être que j'édite des lignes de codes pour les pages que je souhaitais modifier ? Pour le coup là, je ne saurais pas faire.


              Mon problème se limite à la taille (sous-dimensionnée) des vignettes sur mes articles :

              http://www.eso-plongee.fr/index.php?...=19&Itemid=254

              http://www.eso-plongee.fr/index.php?...d=6&Itemid=113

              ...


              Et à la taille d'un tableau (sur-dimensionné) :

              http://www.eso-plongee.fr/index.php?...d=5&Itemid=112


              C'est pas bien grave en soi mais c'est juste bien moins joli !!

              Si tu vois la solution, je suis preneur

              Merci à toi,

              + +

              Lolo.

              Commentaire


              • #8
                Re : Joomla 3 - Problème affichage avec Google Chrome

                ok je regardes ca des que j ai un petit moment...et je te renvoies les regles a mettre dedans.
                Mon site de documentation sur Joomla et le CCK K2 : http://documentation.informaticien51.fr
                Une notice pour le CCK K2 ( mise à jour le 01/06/2015) :
                http://documentation.informaticien51...couverte-de-k2

                Commentaire


                • #9
                  Re : Joomla 3 - Problème affichage avec Google Chrome

                  Merci Fab !

                  + +

                  Commentaire


                  • #10
                    Re : Joomla 3 - Problème affichage avec Google Chrome

                    Bonjour,


                    Essayez de vous débarrasser de tous vos tableaux (= <table>...</table> dans le code source). Également : n'indiquez pas de largeur et de hauteur (= width="..." et height="..." pour vos images : elles sont contrôlées via CSS. Ces 2 mesures combinées devrait régler le souci, et même permettre la compatibilité de vos pages avec les appareils mobiles.

                    Par exemple, pour votre page /index.php?option=com_content&view=article&id=19&It emid=254, remplacez :
                    <table align="center" style="float: left;">
                    <tbody>
                    <tr>
                    <td><span style="font-family: arial,helvetica,sans-serif;">
                    <img width="304" height="190" alt="dolphin2" src="images/articles/dolphin2.jpg">&nbsp;</span></td>
                    <td style="text-align: justify;"><span style="font-family: arial,helvetica,sans-serif; font-size: 14pt; color: #132959;">
                    Parmi nos grands classiques, la semaine de plongée à la réserve naturelle de...</span></td>
                    </tr>
                    </tbody>
                    </table>

                    par :
                    <p class="pull-left"><img alt="dolphin2" src="images/articles/dolphin2.jpg" /></p>
                    <p style="text-align: justify;">Parmi nos grands classiques, la semaine de plongée à la réserve naturelle de...</p>

                    Ce sera bien sûr à affiner par la suite, mais devrait suffire à régler le souci relevé.

                    Par exemple, pour éviter que le texte ne colle à l'image, vous pourrez ajouter style="padding-right: 6px;" au paragraphe contenant l'image :
                    <p class="pull-left" style="padding-right: 6px;"><img alt="dolphin2" src="images/articles/dolphin2.jpg"></p>
                    —Ce
                    Dernière édition par PhilJ à 05/01/2016, 17h28
                    Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                    Commentaire


                    • #11
                      Re : Joomla 3 - Problème affichage avec Google Chrome

                      Bonjour Phil,

                      Et merci pour vos conseils. Je ne sais pas programmer alors, j'ai simplement repris mes articles page/page, retiré les images, redimensionnées avec GIMP et remises en ligne sans indiquer de largeurs/hauteurs dans l'éditeur JCE. Il n'y a pas eu de changement.
                      J'ai ensuite retiré les largeurs/hauteurs de mes tableaux : il y a eu un changement en bien sur cette page en particulier http://www.eso-plongee.fr/index.php?...d=5&Itemid=112

                      Il semble effectivement que Chrome n'aime pas les tableaux / tabulations, car partout ailleurs dans mes articles où j'ai des images sans tableau, il n'y a pas de problème d'affichage. Cela dit, faire des mises en page sans tableau, c'est quand même pas très pratique et dans certains cas même, je ne vois pas comment faire autrement (avec JCE) : Image avec texte acollé notamment.

                      Merci en tout cas, ça m'a déjà permis d'avancer.

                      + +

                      Lolo

                      Commentaire


                      • #12
                        Re : Joomla 3 - Problème affichage avec Google Chrome

                        Bonjour,


                        Envoyé par lolosurleweb Voir le message
                        Je ne sais pas programmer alors, j'ai simplement repris mes articles page/page, retiré les images, redimensionnées avec GIMP et remises en ligne sans indiquer de largeurs/hauteurs dans l'éditeur JCE. Il n'y a pas eu de changement.
                        C'est normal : il faut vous débarrasser totalement des tableaux (voyez mon modèle de code). Votre problème sera vite résolu — y compris sur les écrans de petits formats.


                        Il semble effectivement que Chrome n'aime pas les tableaux / tabulations, car partout ailleurs dans mes articles où j'ai des images sans tableau, il n'y a pas de problème d'affichage.
                        Aucun navigateur « n'aime » les tableaux. C'est d'autant plus vrai que le site doit pouvoir être consulté sur smartphone, et même sur tablette.

                        Cela dit, faire des mises en page sans tableau, c'est quand même pas très pratique et dans certains cas même, je ne vois pas comment faire autrement (avec JCE) : Image avec texte acollé notamment.
                        1 – Difficulté : si vous regardez mon code, il n'est vraiment pas difficile d'éviter les tableaux.

                        2 – Texte collé sur l'image : regardez bien mes conseils. Il suffit d'un rien ou presque (= style="padding-right: 6px;") pour éviter cet inconvénient.



                        Bon courage pour la suite,
                        Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                        Commentaire


                        • #13
                          Re : Joomla 3 - Problème affichage avec Google Chrome

                          Bonjour Phil,

                          Merci pour vos précieux conseils. Je vais faire un essai et je vous tiens au courant.

                          Merci

                          Lolo

                          Commentaire


                          • #14
                            Re : Joomla 3 - Problème affichage avec Google Chrome

                            Salut Phil,

                            J'ai un peu tardé à répondre mais merci pour l'info. Effectivement, quand je fais l'essai directement par Firedebug, ça a l'air de fonctionner. Maintenant, comme je suis débutant, j'ai du mal a retrouver dans mon www le fichier HTML dans lequel il faut que je fasse directement et définitivement la modif. Pourriez vous m'aider ??

                            Merci

                            Lolo

                            Commentaire


                            • #15
                              Re : Joomla 3 - Problème affichage avec Google Chrome

                              Bonjour,


                              Envoyé par lolosurleweb Voir le message
                              [...] j'ai du mal a retrouver dans mon www le fichier HTML dans lequel il faut que je fasse directement et définitivement la modif.
                              Ce n'est pas dans un fichier qu'il faut intervenir mais dans chacun de vos articles.

                              Pour cela, le plus simple est d'utiliser l'éditeur le plus pratique : JCE. Si cette extension n'est pas déjà présente dans l'administration de votre site, vous pouvez la télécharger depuis ici : http://www.sarki.ch/jce2. Décompressez l'archive puis installez le composant JCE pour la version de votre Joomla. Ensuite, définissez JCE comme l'éditeur par défaut de votre site : depuis l'administration, allez sur Système > Configuration, onglet 'Site' > Éditeur par défaut, et choisissez JCE.

                              Ceci fait, ouvrez l'un des articles concernés, puis passez en mode Code colorisé. Pour cela, appuyez sur l'icône <>. C'est dans ce code qu'il vous faudra faire vos modifications.



                              Cordialement,
                              Créateur de sites internet — Agence web indépendante http://www.e-33.fr | http://www.quali-site.fr (région de Bordeaux)

                              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