Souci tableau responsive

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

  • Souci tableau responsive

    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

  • #2
    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...
    "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
    MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

    Commentaire


    • #3
      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.
      Pas de demande de support par MP.
      S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

      Commentaire


      • #4
        Re : Souci tableau responsive

        Envoyé par RobertG Voir le message
        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

        Commentaire


        • #5
          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

          Commentaire


          • #6
            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
            Pas de demande de support par MP.
            S'il n'y a pas de solution, c'est qu'il n'y a pas de problème (Devise Shadok)

            Commentaire


            • #7
              Re : Souci tableau responsive

              Envoyé par RobertG Voir le message
              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

              Commentaire


              • #8
                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.
                "Patience et longueur de temps font plus que force ni que rage..." (La Fontaine : Le Lion et le Rat) - "Il n'y a pas de problèmes; il n'y a que des solutions" (André Gide).
                MoovJla et LazyDbBackup sur www.joomxtensions.com - FaQ sur www.fontanil.info - Site pro : www.robertg-conseil.fr chez PHPNET, sites perso chez PlanetHoster + sites gérés chez PHPNET, PlanetHoster, Ionos et OVH

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X