kutu resim düzeni html

Arkadaşlar Bi konuda Takıldım
resimleri yan yana alt alta sıralamak istiyorum mobilden girildiğinde mobile göre hepsi alt alta gelmesi lazım
Örnek:

<table border="0">
<caption>Örnek</caption>
<tr>
    <td><a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png"width="288" height="84"</td>
    <td><a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png"width="288" height="84"</td>
</tr>
<tr>
    <td><a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png"width="288" height="84"</td>
    <td><a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png"width="288" height="84"</td>
</tr>
</table>

Tek Sayfada Markaları Ekleyip Link Vereceğim ama Mobil Uyumlu olması lazım tarayıcıya göre kendini düzenlemesi lazım bu konuda fikir verebilecek olan varmı acaba?

Css responsive tasarımı araştırın.

hocam teşekkür ederim ama ben onda tutturamadım ayar kafam durdu

evet yapması zordur şuana denk ne kadar denediysem yapamadım

örneklere bakıyorum ama çıkamadım içinden

Table elementi istemiş olduğunuz düzen için uygun değildir. Bunun için div elementini kullanabilirsiniz. Kodunuzu aşağıda ki şekilde düzenlerseniz tarayıcınız ekrana göre resimleri otomatik olarak alt alta sıralayacaktır.

        <div>
		<a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png" style="width: 288px; height: 84px"></a>
		<a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png" style="width: 288px; height: 84px"></a>
	</div>
	<div>
		<a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png" style="width: 288px; height: 84px"></a>
	    <a href="http://www.malatyakombiklima.com"><img src="http://www.malatyakombiklima.com/marka/malatya-beko-servisi.png" style="width: 288px; height: 84px"></a>
	 </div>

Aling/float="left" ile olur. Responsive yapmaya gerek yok. 100% width div içine koyun.

teşekkür ederim

İstediğinizi Yapabilmeniz için Div etiketini kullanmanızı öneririrm