Problème d'affichage sur Chrome / firefox

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

  • [RÉGLÉ] Problème d'affichage sur Chrome / firefox

    Bonsoir

    Mon site sur Firefox, pas de pb
    Sur chrome (ou chromium), un menu chevauche le texte de l' article et en tronque une partie.
    Je peux faire quelque chose facilement pour régler le problème qui apparait sur toutes les pages ?

  • #2
    Si on avait un peu plus de détails on pourrait peut être envisager de t'aider, mais pour le moment et sans boule de cristal, c'est difficile.
    Il nous faudrait donc au minimum une URL, la version de Joomla utilisée ainsi que le nom du template. La version php ne serait pas un luxe inutile.
    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


    • #3
      Voilà donc le lien
      C'est le menu à droite (les ensembles...)
      version joomla 3.8.6
      template : protostar
      version php : (oups, je ne sais pas où je trouve ça sur le site)

      Commentaire


      • #4
        Bonsoir,

        C'est vrai qu'avec l'URL on comprend mieux.

        Le problème est la table de l'article qui a une largeur fixe

        Code:
        <table style="width: 828px; height: 1136px;">
        Firefox, très malin, corrige cela. Alors que Chrome obéit bêtement.

        Il faut remplacer toutes les valeurs absolues par des valeurs en pourcentage. Le height n'a pas d'importance. Exemple :

        Code:
        <table style="width: 100%">
        A faire aussi pour les cellules
        UP, le plugin universel à découvrir sur https//up.lomart.fr
        bgMax
        , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

        Commentaire


        • #5
          My Goodness,
          du texte dans une table. EEEK !
          Eh, on est en 2018!
          Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

          Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

          Commentaire


          • #6
            Envoyé par lomart Voir le message
            Bonsoir,

            C'est vrai qu'avec l'URL on comprend mieux.

            Le problème est la table de l'article qui a une largeur fixe

            Code:
            <table style="width: 828px; height: 1136px;">
            Firefox, très malin, corrige cela. Alors que Chrome obéit bêtement.

            Il faut remplacer toutes les valeurs absolues par des valeurs en pourcentage. Le height n'a pas d'importance. Exemple :

            Code:
            <table style="width: 100%">
            A faire aussi pour les cellules
            Merci beaucoup

            Est ce qu'il y a moyen de faire ça pour toutes les pages d'un coup ou il faut que je fasse ça individuellement sur chaque page ? (et donc sur chaque page nouvellement créée aussi ?
            Qu'est ce que ça veut dire pour les cellules aussi ?

            Envoyé par ghazal Voir le message
            My Goodness,
            du texte dans une table. EEEK !
            Eh, on est en 2018!
            euh... je corrige dès que je comprends ce que ça veut dire. Tu peux méclairer ?
            Dernière édition par Samsam43 à 29/03/2018, 11h29

            Commentaire


            • #7
              Hello,
              je te répondrai d'abord par une question :
              Comment diable te retrouves-tu avec une table dans la structuration de Protostar ?

              De plus, l'affichage responsive (mobile ou tablet) de ton site n'est vraiment pas top.
              Afficher une table en responsive, c'est un vrai casse-tête.

              Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

              Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

              Commentaire


              • #8
                Il faut corriger page par page
                Tant qu'on y est, transformer les tables en div serait un ENORME plus comme le suggère ghazal
                un peu de lecture pour comprendre :

                W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.


                Le principe est de remplacer la structure
                Code:
                <table style="width: 828px; height: 1136px;">
                    <tr>
                        <td style="width: 414px;">case 1</td>
                        <td style="width: 414px;">case 2</td>
                    </tr>
                </table>
                par
                Code:
                    <div class="row-fluid">
                      <div class="span6">case 1</div>
                      <div class="span6">case 2</div>
                    </div>
                UP, le plugin universel à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire


                • #9
                  Je vais essayer de répondre aux deux d'un coup.
                  J'avais besoinde faire un site web pour mon nouveau boulot, le plus vite possible.
                  Je n'ai jamais fait cela ou quelque chose qui y ressemble.
                  J'ai pris un nom de domaine et utilise Joomla par l'intermédiaire de mon hébergeur directement en ligne.

                  Comment diable te retrouves-tu avec une table dans la structuration de Protostar ?
                  Aucune idée, puisque je ne comprends même pas ce que ça veut dire. Ce que j'ai compris, Protostar, template, est une espèce de structure/modèle du site. La table, je ne sais pas ce que ça veut dire (désolé)

                  Les éléments donnés par Lomart sont en anglais. Déjà que j'ai du mal avec les explications en français...

                  Même question que tout à l'heure : cette suggestion de transformer les tables en div (dans la structure) je dois aussi le faire page par page ? (et à chaque nouvelle création de page ?!)

                  Edit : après vérification, il n'y a que 3 pages avec ce "table"
                  Edit 2 :
                  je comprends remplacer
                  <table style="width: 828px; height: 1136px;">
                  par
                  <div class="row-fluid">
                  mais le reste je ne comprends pas

                  Ma page c'est ça

                  Code:
                  [<p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></p> <table style="width: 100%;"> <tbody> <tr style="height: 14px;"> <td style="width: 361.9px; height: 14px;"> <p><span style="font-size: 12pt; font-family: comic\ sans\ ms, sans-serif;"><a href="index.php/15-musique/madrigal-de-provence/6-madrigal-de-provence"><img style="display: block; margin-left: auto; margin-right: auto;" src="images/MdP/MdP-logo.png" alt="" /></a></span></p> </td> <td style="width: 59.35px; height: 14px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> <td style="width: 384.75px; height: 14px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"><a href="index.php/11-musique/fil-d-ariane/7-le-fil-d-ariane"><img src="images/LFdA/FdA/Logo-labyrinthe.png" alt="" width="265" height="239" /></a> </span></td> </tr> <tr style="height: 105px;"> <td style="width: 361.9px; height: 105px; text-align: center;"> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;">Le <em><a href="index.php/15-musique/madrigal-de-provence/6-madrigal-de-provence">Madrigal de Provence</a></em> est un chœur composé d'une vingtaine de chanteurs expérimentés. </span></p> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;">Ils font de la musique vocale classique de la Renaissance à la période contemporaine.</span></p> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;">Le chef est <a href="index.php/15-musique/madrigal-de-provence/14-Sébastien-Boin">Sébastien Boin</a>.</span></p> </td> <td style="width: 59.35px; height: 105px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> <td style="width: 384.75px; height: 105px; text-align: center;"> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;">Entre musique traditionnelle balkanique et rock’n’roll, <em><a href="index.php/11-musique/fil-d-ariane/7-le-fil-d-ariane">Le fil d'Ariane</a></em> est composé de six musiciens.</span></p> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;">Instruments acoustiques, énergie électrique, <em><a href="index.php/11-musique/fil-d-ariane/7-le-fil-d-ariane">Le fil d’Ariane</a></em> est avant tout un groupe de scène.</span></p> </td> </tr> <tr style="height: 13px;"> <td style="width: 361.9px; height: 13px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> <td style="width: 59.35px; height: 13px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> <td style="width: 384.75px; height: 13px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> </tr> <tr style="height: 269px;"> <td style="width: 361.9px; height: 269px; text-align: center;"><span style="font-size: 12pt;"><a href="index.php/16-musique/ariane-gypsy-bastards/11-ariane-gypsy-bastards"><span style="font-family: comic\ sans\ ms, sans-serif;"><img src="images/LFdA/AGB/AGB-logo.jpg" alt="" width="187" height="255" /></span></a></span></td> <td style="width: 59.35px; height: 269px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> <td style="width: 384.75px; height: 269px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"><a href="index.php/2-uncategorised/12-trobairitz"><img src="images/LFdA/Trobairitz/Trobairitz-logo.jpg" alt="" width="251" height="250" /></a> </span></td> </tr> <tr style="height: 115px;"> <td style="width: 361.9px; height: 115px; text-align: center;"> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"><em><a href="index.php/16-musique/ariane-gypsy-bastards/11-ariane-gypsy-bastards">Ariane gypsy bastards</a></em> <span style="color: #333333;">vous entraîne dans son folklore européen. </span></span></p> <p style="text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt; color: #333333;">Musique de caractère, servie par trois musiciens énergiques, le groupe revisite le répertoire de la musique balkanique à la sauce « disco dance ». </span></p> </td> <td style="width: 59.35px; height: 115px; text-align: center;"> </td> <td style="width: 384.75px; height: 115px; text-align: justify;"><span style="font-size: 12pt; color: #333333;"><span style="font-family: comic\ sans\ ms, sans-serif;">L'ensemble <em><a href="index.php/2-uncategorised/12-trobairitz">Trobairitz</a></em> vous invite à venir voyager dans l’Espagne du XIIIème au XVème siècle. Cantigas, chants arabo-andalous, séfarades et la musique turque forment l’essentiel du répertoire. </span></span></td> </tr> <tr style="height: 47.2667px;"> <td style="width: 361.9px; height: 47.2667px; text-align: center;"> </td> <td style="width: 59.35px; height: 47.2667px; text-align: center;"> </td> <td style="width: 384.75px; height: 47.2667px; text-align: justify;"> </td> </tr> <tr style="height: 93px;"> <td style="width: 361.9px; height: 93px; text-align: center;"><a href="index.php/les-ensembles/aa-in"><img src="images/LFdA/Aa-in/Aain-logo.jpg" alt="" width="230" height="208" /></a></td> <td style="width: 59.35px; height: 93px; text-align: center;"> </td> <td style="width: 384.75px; height: 93px; text-align: center;"> <a href="index.php/11-musique/Ju2Ju/16-Ju2Ju"><img src="images/Ju2Ju/Ju2ju.jpg" alt="" width="220" height="220" /></a></td> </tr> <tr style="height: 93px;"> <td style="width: 361.9px; height: 93px; text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt; color: #333333;"><em><a href="index.php/les-ensembles/aa-in">Aa'in</a></em> propose un répertoire de <span class="_4n-j _3cht fsl" data-testid="event-permalink-details">musiques traditionnelles colombiennes et vénézuéliennes avec des influences très diverses.</span></span></td> <td style="width: 59.35px; height: 93px; text-align: center;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"> </span></td> <td style="width: 384.75px; height: 93px; text-align: justify;"><span style="font-family: comic\ sans\ ms, sans-serif; font-size: 12pt;"><span class="_4n-j _3cht fsl" data-testid="event-permalink-details">Le vibraphone, un instrument de percussion à clavier très versatile, tant du point de vue du son que du répertoire. De Bach à Piazzolla <a href="index.php/11-musique/Ju2Ju/16-Ju2Ju">Ju2Ju</a> en présente les multiples facettes.<br /></span></span></td> </tr> </tbody> </table> <p><span style="font-family: comic\ sans\ ms, sans-; font-size: 12pt;"> </span></p>
                  et je ne comprends pas ce qu'il faut que je remplace. Des "td style", y'en a partout...
                  Je me rends bien compte, de tout ce qu'il me manque, mais je n'ai pas beaucoup de temps à y consacrer.
                  Si vous pouvez m'expliquer simplement, comment corriger, je m'en occupe.
                  Si cela demande 1000 lectures, je comprends que ce serait plus pertinent et formateur, mais je ne peux pas.

                  Dans tous les cas, merci beaucoup
                  Dernière édition par Samsam43 à 29/03/2018, 13h47

                  Commentaire


                  • #10
                    Même question que tout à l'heure
                    et même réponse :
                    Il faut corriger page par page
                    Mes exemples sont en Français

                    Quand on fait un site web, il faut accepter de se former un minimum
                    UP, le plugin universel à découvrir sur https//up.lomart.fr
                    bgMax
                    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                    Commentaire


                    • #11
                      les "un peu de lecture" que tu as donnés sont en anglais (non ?)

                      après, je passe beaucoup de temps déjà pour essayer de faire trois bricoles (vraiment)
                      J'accepte de me former (sinon je ne serais pas là et je n'aurais pas choisi Joomla)
                      c'est juste que je ne peux pas y consacrer de longues journées
                      Je vais essayer de voir si je trouve la réponse à mes questions et comment corriger ce que tu as suggéré.

                      Edit : j'essaie de comprendre avec des trucs ici
                      Dernière édition par Samsam43 à 29/03/2018, 14h00

                      Commentaire


                      • #12
                        Pour comprendre, je recommence une page à zéro, et je bascule l'éditeur pour voir ce que ça donne.
                        J'écris ici ce qui se passe dans ma tête (pas tout hein ?!)
                        Le "table" apparait quand j'insère un tableau.
                        Je faisais cela pour travailler sur 2 colonnes, je n'ai pas vraiment besoin de tableau.
                        Il faut donc que je trouve comment graphiquement (ou autrement ?) partager mon article en 2 colonnes.

                        Commentaire


                        • #13
                          Il faut donc que je trouve comment graphiquement (ou autrement ?) partager mon article en 2 colonnes.
                          Réponse déjà donnée :

                          Code:
                          <div class="row-fluid">
                            <div class="span6">case 1</div>      
                            <div class="span6">case 2</div>   
                          </div>
                          UP, le plugin universel à découvrir sur https//up.lomart.fr
                          bgMax
                          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                          Commentaire


                          • #14
                            En semi graphique, on peut s'aider de ce plugin (en anglais)
                            Find extensions for your Joomla site in the Joomla Extensions Directory, the official directory for Joomla components, modules and plugins.
                            UP, le plugin universel à découvrir sur https//up.lomart.fr
                            bgMax
                            , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                            Commentaire


                            • #15
                              merci

                              tu vois
                              je viens de passer l'après-midi à chercher
                              j'ai appris des trucs c'est évident
                              j'ai essayé des choses dans le code, sans succès
                              j'ai installé des choses qui ne changeaient rien (alors j'ai désinstallé)
                              mon site n'a pas bougé d'un iota
                              et je n'ai pas fait tout le reste (ce qui n'a rien à voir avec la gestion du site.)
                              Tu me dis que tu m'as déjà donné comment faire 2 colonnes.
                              Merveilleux
                              Sauf que pour le moment, je n'ai pas encore compris comment m'en servir
                              là, je déprime un peu du temps que j'ai perdu
                              et dans quelques jours j'y retourne

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X