Search the Community

Bonjour à tous, voilà une semaine que je tourne en rond pour rendre mon tableau responsive et je deviens chèvre ! Je tiens à préciser que j'ai chercher des solutions ici et ailleurs mais je n'ai rien trouvé qui fonctionne pour mon cas ou alors je suis passée à côté... Vu que je ne trouve pas de module de calendrier de l'Avent qui me convienne, j'ai créé un petit calendrier de l'Avent en découpant des images et les ai placé dans mon tableau situé dans une page de Prestashop 1,7,6,5. L'idée serait de rendre le tout responsive et donc que ça soit correct sur mobile mais sans à avoir besoin d'aller rajouter du code dans les fichiers. Ma boutique étant déjà en production, je ne voudrai pas faire une mauvaise manipulation surtout en cette période. Je vous place le code ci-dessous et si une âme charitable peux me dire ce que je peux essayer ou corriger ça serait super sympa. En vous remerciant, Bien à vous. <table class="table-fluid" width="100%" height="100%" cellspacing="0" cellpadding="0" border="0"> <tbody> <tr> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image.png" class=" img-fluid=" width="100%" height="202" alt="1" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image 2.png" class=" img-fluid=" width="100%" height="202" alt="2" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (3).png" class=" img-fluid=" width="100%" height="202" alt="3" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (4).png" class=" img-fluid=" width="100%" height="202" alt="4" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (5).png" alt="5" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (6).png" alt="6" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (7).png" alt="7" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (8).png" alt="8" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (9).png" alt="9" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (10).png" alt="10" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (11).png" alt="11" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (12).png" alt="12" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (13).png" alt="13" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (14).png" alt="14" class=" img-fluid=" width="100%" height="202" /></td> <td><img src="https://brocantedeco.com/img/cms/imageonline-co-split-image (15).png" alt="15" class=" img-fluid=" width="100%" height="202" /></td> </tr> <tr> <td><img src="https://brocantedeco.com/img/cms/col1 -ligne2.png" alt="16" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col2 -ligne2.png" alt="17" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col3 -ligne2.png" alt="18" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col4-ligne2.png" alt="case25" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col5 -ligne2.png" alt="19" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col6 -ligne2.png" alt="20" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col7 -ligne2.png" alt="21" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col8 -ligne2.png" alt="22" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col9 -ligne2.png" alt="23" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col10-ligne2.png" alt="24" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col11 -ligne2.png" alt="25" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col12 -ligne2.png" alt="case24" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col13 -ligne2.png" alt="26" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col1 4-ligne2.png" alt="27" class=" img-fluid=" width="100%" height="54" /></td> <td><img src="https://brocantedeco.com/img/cms/col15 -ligne2.png" alt="28" class=" img-fluid=" width="100%" height="54" /></td> </tr> <tr> <td><img src="https://brocantedeco.com/img/cms/col1-ligne3.png" alt="29" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col2-ligne3.png" alt="30" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col3-ligne3.png" alt="31" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col4-ligne3.png" alt="32" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col5b-ligne3.png" alt="33" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col6-ligne3.png" alt="case4" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col7-ligne3.png" alt="34" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col8-ligne3.png" alt="35" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col9-ligne3.png" alt="36" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col10-ligne3.png" alt="37" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col11-ligne3.png" alt="38" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col12-ligne3.png" alt="39" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col13-ligne3.png" alt="case8" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col14-ligne3.png" alt="40" class=" img-fluid=" width="100%" height="96" /></td> <td><img src="https://brocantedeco.com/img/cms/col15-ligne3_1.png" alt="41" class=" img-fluid=" width="100%" height="96" /></td> </tr> <tr> <td><img src="https://brocantedeco.com/img/cms/col1-ligne4.png" alt="42" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col2-ligne4.png" alt="43" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col3-ligne4-png.png" alt="case23" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col4-ligne4-png.png" alt="44" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col5-ligne4-png.png" alt="45" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col6-ligne4-png.png" alt="46" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col7-ligne4-png.png" alt="47" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col8-ligne4-png.png" alt="case18" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col9-ligne4-png.png" alt="48" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col10-ligne4-png.png" alt="case21" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col11-ligne4-png.png" alt="49" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col12-ligne4-png.png" alt="50" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col13-ligne4-png.png" alt="case11et12" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col14-ligne4-png.png" alt="51" class=" img-fluid=" width="100%" height="117" /></td> <td><img src="https://brocantedeco.com/img/cms/col15-ligne4-png.png" alt="52" class=" img-fluid=" width="100%" height="117" /></td> </tr> <tr> <td><img src="https://brocantedeco.com/img/cms/col1-ligne5-png.png" alt="case1" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col2-ligne5-png.png" alt="52" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col3-ligne5.png" alt="53" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col4-ligne5.png" alt="case22" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col5-ligne5.png" alt="54" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col6-ligne5.png" alt="case9" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col7-ligne5.png" alt="55" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col8-ligne5.png" alt="56" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col9-ligne5.png" alt="57" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col10-ligne5.png" alt="58" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col11-ligne5.png" alt="case10" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col12-ligne5.png" alt="case14 et 20" class=" img-fluid=" width="100%" height="72" /></td> <td><img src="https://brocantedeco.com/img/cms/col13-ligne5.png" alt="case16" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col14-ligne5.png" alt="case13" class=" img-fluid=" width="100%" height="73" /></td> <td><img src="https://brocantedeco.com/img/cms/col15-ligne5.png" alt="59" class=" img-fluid=" width="100%" height="73" /></td> </tr> <tr> <td><img src="https://brocantedeco.com/img/cms/col1-ligne6.png" alt="60" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col2-ligne6.png" alt="case12" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col3-ligne6.png" alt="61" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col4-ligne6.png" alt="case5" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col5-ligne6.png" alt="case19" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col6-ligne6.png" alt="62" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col7-ligne6.png" alt="case23" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col8-ligne6.png" alt="case3" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col9-ligne6.png" alt="case15" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col10-ligne6.png" alt="63" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col11-ligne6.png" alt="case7" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col12-ligne6.png" alt="64" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col13-ligne6.png" alt="case17" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col14-ligne6_1.png" alt="case6" class=" img-fluid=" width="100%" height="60" /></td> <td><img src="https://brocantedeco.com/img/cms/col15-ligne6_1.png" alt="65" class="img-fluid=" width="100%" height="60" /></td> <td></td> </tr> <tr> <td><img src="https://brocantedeco.com/img/cms/col1-ligne7.png" alt="66" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col2-ligne7.png" alt="67" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col3-ligne7.png" alt="68" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col4-ligne7.png" alt="69" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col5-ligne7.png" alt="70" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col6-ligne7.png" alt="71" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col7-ligne7.png" alt="72" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col8-ligne7.png" alt="73" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col9-ligne7.png" alt="74" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col10-ligne7.png" alt="75" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col11-ligne7.png" alt="76" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col12-ligne7.png" alt="77" class="img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col13-ligne7.png" alt="78" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col14-ligne7.png" alt="79" class=" img-fluid=" width="100%" height="144" /></td> <td><img src="https://brocantedeco.com/img/cms/col15-ligne7.png" alt="80" class=" img-fluid=" width="100%" height="144" /></td> </tr> </tbody> </table> <p></p>

Bonjour, Je souhaiterais trier un tableau HTML contenant des données récupérées par une requête SQL. Seulement la plupart des tableaux fournis sur les moteurs de recherches ne marche pas sous firefox ou alors IE, ce qui pose problème dans la création d'un site qui se doit d'être accessible pour tous les utilisateurs... Existe-t-il une fonction javascript qui ferait cela sous Prestashop ? ou alors connaissez-vous une fonction sur un site qui marcherait bien avec les dernières versions des navigateurs ? Merci.