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

[Samsam43]

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 ?

[lesoutier]

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.

[Samsam43]

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)

[lomart]

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

<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 :

<table style="width: 100%">

A faire aussi pour les cellules

[ghazal]

My Goodness,
du texte dans une table. EEEK !
Eh, on est en 2018!

[Samsam43]

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

<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 :

<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 ?

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 ?

[ghazal]

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.

[lomart]

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 :

http://getbootstrap.com/2.3.2/scaffolding.html

https://www.w3schools.com/bootstrap/bootstrap_grid_basic.asp

Le principe est de remplacer la structure

<table style="width: 828px; height: 1136px;">
    <tr>
        <td style="width: 414px;">case 1</td>
        <td style="width: 414px;">case 2</td>
    </tr>
</table>

par

    <div class="row-fluid">
      <div class="span6">case 1</div>
      <div class="span6">case 2</div>
    </div>

[Samsam43]

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

[<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

[lomart]

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

[Samsam43]

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

[Samsam43]

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.

[lomart]

Il faut donc que je trouve comment graphiquement (ou autrement ?) partager mon article en 2 colonnes.

Réponse déjà donnée :

<div class="row-fluid">
  <div class="span6">case 1</div>      
  <div class="span6">case 2</div>   
</div>

[lomart]

En semi graphique, on peut s'aider de ce plugin (en anglais)

https://extensions.joomla.org/extensions/extension/edition/editor-buttons/bootstrap-row-builder/

[Samsam43]

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