Ciao, vorrei mettere più immagini affiancate e attaccate su un sito responsive ma non riesco a fare in modo che vengano adattate alle diverse risoluzioni. Questo inevitabilmente fa andare a capo le immagini in alcuni casi.
Metto due immagini di esempio per farvi capire e due codici che ho provato ad utilizzare.

qui è come si dovrebbe vedere (in pratica come se ci fosse un'immagine unica con width:100%)
Allegato 25370

qui è come appare con risoluzioni diverse
Allegato 25371


Codice 1:
<html>
<head>
</head>
<body>
<div><img
src="immagine 1"><img
src="immagine 2"><img
src="immagine 3"><img
src="immagine 4"></div>
</div>
</body>
</html>


Codice 2 (con questa tabella le immagini rimangono distanziate quando le visualizzo sulla pagina web):
<html>
<head>
</head>
<body>
<div style="width: 100%;" align="left">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="vertical-align: middle;">
<a href="URL%20collegamento" target="_blank"><img
src="immagine 1"></a></td>
<td style="vertical-align: middle;">
<a href="URL%20collegamento" target="_blank"><img
src="immagine 2"</a></td>
<td style="vertical-align: middle;">
<a href="URL%20collegamento" target="_blank"><img
src="immagine 3"</a></td>
<td style="vertical-align: middle;">
<a href="URL%20collegamento" target="_blank"><img
src="immagine 4"</a></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>



Grazie