[RÉGLÉ] Problème de mise en page dans un tableau

[domirock]

Bonjour.
J'ai crée un tableau récapitulatif. Chaque case contient une image et un lien pour accéder à un article.Les images ont toutes la même taille.

Dans l'éditeur, tout va bien



A l'écran, ça se complique: les hauteurs d'images ne sont pas toutes les mêmes ...


Le code est classique

<table>
<tbody>
<tr>
<td>
<p><img src="images/phocagallery/maieusthesie/concepts/etoile-desirpetit.jpg" alt="Besoins" width="267" height="200" /></p>
<p><a href="index.php?option=com_content&amp;view=articl e&amp;id=315:besoins&amp;catid=66:concepts">Beso in s</a></p>
</td>
<td>
<p><img src="images/phocagallery/maieusthesie/concepts/confiance_petit.jpg" alt="confiance petit" width="267" height="200" /></p>
<p><a href="index.php?option=com_content&amp;view=articl e&amp;id=317:confiance&amp;catid=66:concepts">Co nf iance</a></p>
</td>
<td>
<p><img src="images/phocagallery/maieusthesie/concepts/non-savoir_petit.jpg" alt="non savoir petit" width="267" height="200" />&nbsp;</p>
<p><a href="index.php?option=com_content&amp;view=articl e&amp;id=319:le-non-savoir&amp;catid=66:concepts">Non-savoir</a>&nbsp;</p>
</td>
</tr>
ETC

Je n'arrive pas à savoir ce qui coince.

Une idée????

Merci à tous :-)

[lesoutier]

Question bête : tes images ont toutes les mêmes dimensions ?

[domirock]

Hi hi.
Découpées au cordeau!!
On le voit dans le copie d'écran de l'éditeur.

Mais tu as raison, on va parfois chercher midi à 14 heures et on oublie les raisons basiques :-)

[RobertG]

Bonjour,

Tu devrais essayer de trouver une autre solution qu'un tableau qui va poser problème sur les petits écrans.
Sinon, essaie d'affecter une largeur en pourcentage à tes colonnes, on ne sait jamais.

[domirock]

Merci Robert, et encore une fois, bien vu!


J'ai repris mon tableau, en comparant avec une autre page du site qui fait la même chose et qui fonctionne.
J'ai supprimé quelque espaces insécables: mes images sont toutes correctement alignées.

l'origine du pb apparaît plus clairement: les colonnes n'ont pas même largeur et les images se redimensionnent.

J'ai fixé la largeur des colonnes à 33%
OK pour le PC.
mais pas sur le téléphone, en effet :-(

C'est étrange parce que l'autre page de mon site, bâtie sur le même modèle (même type de tableau avec la même taille d'images qu'ici) fonctionne sans intervention...

[RobertG]

En attendant une autre solution, essaie de définir la largeur du tableau lui-même à 100% pour voir le comportement sur petit écran.

[domirock]

Merci encore Robert
J'ai fait plein d'essais.

Sur l'écran du PC, je fais ce que je veux
Si l'écran du tél, aucune modif. L'affichage me donne toujours une colonne centrale un poil plus large que les autres. Du coup, droite et gauche se redimensionnent symétriquement.
Et comme c'est symétrique.... Ca peut rester comme ça

(même si j'aimerais bien comprendre ce qui se passe ...)

Bon WE
Dominique

(Edit en mode paysage, mon tél affiche correctement. Il du mal à géerr automatiquement la largeur en mode portrait)

[lomart]

Bonsoir,

(même si j'aimerais bien comprendre ce qui se passe ...)

Avec un lien vers la page, il sera plus facile de vous éclairer

Comme Robert vous l'a dit, essayez une grille plutôt qu'un tableau.

Un moyen simple de gérer une grille est l'action https://up.lomart.fr/demo/action-flexauto

[domirock]

Merci iomart pour cette nouvelle piste.
Demain, j'explore la grille.

Voici le lien: https://monheureamoi.fr/concepts

Bon WE :-)

[domirock]

Merci Iomart.
J'ai 2 pistes:
La seconde: ici https://www.joomlacontenteditor.net/.../configuration me suggère de modifier les paramètres de JCE, masije n'ai pas les bonnes options (dans mon panneau ce config, j'ai juste le choix des éléments à afficher dans la barre d'outils.Rien sur leur comportement. (la doc de JCE est-elle obsolète??)

La première, c'est flexauto, qui fait pile poil ce que je cherche :-)))
J'imagine qu'il y a des modif à apporter au CSS... (c'est bien ça?)
Si oui, peux tu m'ndiquer par où je passe pour y accéder? (par le passé, j'ai perdu tellement de temps pour rétablir les effets désastreux d'une manip malheureuse que je deviens extrêment prudent).

Bonne semaine
Dominique

[lomart]

La première, c'est flexauto, qui fait pile poil ce que je cherche :-)))
J'imagine qu'il y a des modifs à apporter au CSS... (c'est bien ça?)

Non, il n'y a pas de css à modifier pour la présentation en grille.
Le seul CSS concerne le contenu (images et légendes). Je viens d'ajouter une explication sur la page de démo de l'action.
Un des grands principes de UP est qu'il n'est pas nécessaire de modifier des fichiers externe. Sauf si le webmaster veut donner des règles spécifiques au site, mais c'est une autre histoire.

L'avantage de UP sur une configuration de l'éditeur est qu'il ne sera pas affecté par l'ouverture ultérieure de l'article avec un autre éditeur ou une config moins permissif. Exemple, vous vous accordez les droits dans le profil admin, mais un rédacteur ouvre l'article avec des droits limités ...

[domirock]

Ca y est !!!!
(hummmmm .... je n'avais même pas chargé le plugn. Forcément, ça ne donnait pas grand chose...)
Je suis allé voir les diverses options.
C'est souple, assez intuitif et puissant.

Un grand merci lomart pour cette piste, et ce travail de qualité de qualité!! (il a même le bouton pour l'inégrer à l'éditeur, avec pense-bête qui va bien :-) )