Applepie18 Posted November 29, 2021 Share Posted November 29, 2021 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> Link to comment Share on other sites More sharing options...
Mediacom87 Posted November 30, 2021 Share Posted November 30, 2021 Bonjour, dans le fichier custom.css de votre template rajoutez la règle suivante : .table-fluid img { max-width: 100%; height: auto; } Link to comment Share on other sites More sharing options...
Applepie18 Posted November 30, 2021 Author Share Posted November 30, 2021 il y a 9 minutes, Mediacom87 a dit : Bonjour, dans le fichier custom.css de votre template rajoutez la règle suivante : .table-fluid img { max-width: 100%; height: auto; } Merci beaucoup pour votre réponse, seulement le site à planté, j'ai une belle erreur 500 Link to comment Share on other sites More sharing options...
Mediacom87 Posted November 30, 2021 Share Posted November 30, 2021 Il y a 8 heures, Applepie18 a dit : Merci beaucoup pour votre réponse, seulement le site à planté, j'ai une belle erreur 500 Donc vous avez fait une erreur car changer 3 ligne de CSS n'a jamais planté un site. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now