Salve, sono a chiedere un aiuto.
ho un HTML che posto qui sotto dove ci sono 9 immagini disposte su una tabella da 3 colonne.
Ho messo la regola sul css con class ".flex {max-width: 100%}" per rendere le immagine responsive.
Solo che vorrei fare in modo che al posto che le immagini della tabella si rimpiccioliscono, la tabella sul telefono si componga su 9 righe e una colonna.
Non è importante che le immagini siano su tabella, ma vorrei che andassero a capo sotto una certa risoluzione.
Mi potete aiutare?
Grazie.
codice:<table width="100%" border="0"> <tbody> <tr> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro...r_2018_RMS.pdf" target=â€_blankâ€> <font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr...-0006-0001.jpg" /> </font></a></p></td> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro...e_2018_RMS.pdf" target=â€_blankâ€> <font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr...A-CLA-0001.jpg" /> </font></a></p></td> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro24/RMS/jt.pdf" target=â€_blankâ€><font size="2" face="Tahoma"><img class="flex" src="http://www.motopro24.com/filemotopro24/RMS/D0-110.jpg" /></font></a></p></td></tr> <tr> <td> <h4 align="center"><font size="2" face="Tahoma">Catalogo Moto&Scooter 2018</font></h4></td> <td> <h4 align="center"><font size="2" face="Tahoma">Catalogo Vintage 2018</font></h4></td> <td> <h4 align="center"><font size="2" face="Tahoma">Catalogo JT 2017 / JT Catalog 2017</font></h4></td></tr> <tr> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro24/RMS/Muc-Off.pdf" target=â€_blankâ€> <font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr.../FLMUC0000.jpg" /> </font></a></p></td> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro24/RMS/bs.pdf" target=â€_blankâ€><font size="2" face="Tahoma"><img class="flex" src="http://www.motopro24.com/filemotopro...CA-BS-0000.jpg" /> </font></a></p></td> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro24/RMS/NGK.pdf" target=â€_blankâ€><font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr.../D0-032017.JPG" /> </font></a></p></td></tr> <tr> <td> <h4 align="center"><font size="2" face="Tahoma">News MUC-OFF 2017</font></h4></td> <td> <h4 align="center"><font size="2" face="Tahoma">Catalogo BS 2017 / BS Catalog 2017</font></h4></td> <td> <h4 align="center"><font size="2" face="Tahoma">News candele NGK 2017</font></h4></td></tr> <tr> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro...e%20Domino.pdf" target=â€_blankâ€> <font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr.../D0-032017.JPG" /> </font></a></p></td> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro...vari%20WEB.pdf" target=â€_blankâ€> <font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr...A-RMS-0001.jpg" /> </font></a></p></td> <td> <p align="center"> <a href="http://www.motopro24.com/filemotopro...dele%20WEB.pdf" target=â€_blankâ€> <font size="2" face="Tahoma"><img class="flex" src="https://www.motopro24.com/filemotopr...A-RMS-0000.jpg" /> </font></a></p></td></tr> <tr> <td> <h4 align="center"><font size="2" face="Tahoma">News DOMINO 2017</font></h4></td> <td> <h4 align="center"><font size="2" face="Tahoma">Estratto Attrezzi e Accessori Vari 2017</font></h4></td> <td> <h4 align="center"><font size="2" face="Tahoma">Estratto Candele 2017</font></h4></td></tr></tbody></table>