Souci tableau responsive

[waldo]

Bonjour à tous,

Je ne suis pas un spécialiste de joomla, aussi les lignes de code sont pour moi un peu inconnues
Je suis malgré tout en train de réaliser un site dans lequel je souhaite présenter différents modèles de portes d'entrée.
Comme il y en a pas mal, je les ai organisées en tableau dans lequel figurent les photos réduites de chaque porte avec son appellation en dessous.
J'ai prévu 6 portes par ligne mais lorsque je passe sur smartphone, les portes semblent se tasser et certaines deviennent plus petites que d'autres.
Je ne sais pas s'il existe une solution pour éviter ce genre de souci, peut-être pour que les images diminuent de manière égale ou qu'on passe à la ligne suivante...
Je suis ouvert à toutes vos suggestions (sans rentrer dans le code si possible)

Merci d'avance et bonne journée à tous
waldo86

[RobertG]

Re : Souci tableau responsive

Un tableau multicellules ne peut pas être responsive.
Il y a, je crois, une solution avec Bootstrap our gérer du multicolonnes, mais je ne m'y connais pas assez pour en parler.
Par contre, une solution, peut-être, serait de créer un tableau par produit, d'une colonne et deux cellules, et voir si tu peux les mettre côte à côte (je n'ai jamais essayé). Ainsi, sur les petits écrans, les tableaux pourraient s'empiler au lieu de se rétrécir pour entrer dans la page. A tester donc, car je ne suis pas sûr que ce soit possible...

[jisse03]

Re : Souci tableau responsive

Bonjour,

Au lieu d'un tableau classique, utiliser le Grid System Bootstrap pour rendre le tout responsive (les colonnes peuvent se redimensionner ou s'empiler selon le type de terminal de consultation) http://getbootstrap.com/css/#grid

Regarder les exemples Fluid Container ainsi que Mobile, tablet & Desktop pour avoir une bonne vue d'ensemble du traitement.

[waldo]

Re : Souci tableau responsive

Un tableau multicellules ne peut pas être responsive.
Il y a, je crois, une solution avec Bootstrap our gérer du multicolonnes, mais je ne m'y connais pas assez pour en parler.
Par contre, une solution, peut-être, serait de créer un tableau par produit, d'une colonne et deux cellules, et voir si tu peux les mettre côte à côte (je n'ai jamais essayé). Ainsi, sur les petits écrans, les tableaux pourraient s'empiler au lieu de se rétrécir pour entrer dans la page. A tester donc, car je ne suis pas sûr que ce soit possible...

Merci RoberG pour ce conseil, cependant, les tableaux individuels s'empilent au lieu de se juxtaposer.
Je vais continuer à chercher malgré tout
Encore merci pour avoir répondu rapidement à ma demande
Waldo

[waldo]

Re : Souci tableau responsive

Merci jisse03, mais là j'avoue que mes compétences ne sont pas suffisantes. Je n'arrive même pas à installer cette extension...
Merci quand même
Waldo

[jisse03]

Re : Souci tableau responsive

Il ne s'agit pas d'une extension, mais simplement déclarer les div du texte correctement (soit en basculant l'éditeur, soit en utilisant le plugin bootstrap editor http://extensions.joomla.org/category/edition/editors

[waldo]

Re : Souci tableau responsive

Un tableau multicellules ne peut pas être responsive.
Il y a, je crois, une solution avec Bootstrap our gérer du multicolonnes, mais je ne m'y connais pas assez pour en parler.
Par contre, une solution, peut-être, serait de créer un tableau par produit, d'une colonne et deux cellules, et voir si tu peux les mettre côte à côte (je n'ai jamais essayé). Ainsi, sur les petits écrans, les tableaux pourraient s'empiler au lieu de se rétrécir pour entrer dans la page. A tester donc, car je ne suis pas sûr que ce soit possible...

Bonsoir RobertG,

En fait j'ai fait quelques tests et me suis rendu compte que lorsque j'insère les miniatures dans le tableau, elles s'affichent correctement sur un smartphone
C'est quand j'insère un lien pour ouvrir une fenêtre pop up afin d'afficher l'image en grand que les miniatures ne sont plus toutes de la même dimension...
Est-ce que cela te parle ?
Y-a t'il une manip ou une case à cocher dans le pop up JCE médiabox par exemple qui pourrait régler ce souci ?

En tous cas encore merci pour ta réponse précédente
Bonne soirée
Waldo

[RobertG]

Re : Souci tableau responsive

Désolé, je n'ai pas d'idée là-dessus, n'utilisant jamais de tableaux.
C'est curieux quand même que l'insertion de liens sur les images change le comportement sur smartphone.