السلام عليكم ورحمة الله وبركاته
منذ فترة وأنا احاول معالجة هذه المشكلة بدون فائدة
لدي بعض الصور وأريد ترتيبها تلقائياً بحيث تكون مصفوفة بدون فراغات
هذا المثال
<table width="900" border="1" align="center" >
<tr>
<td>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="412" height="203" ></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="417"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
<table style="float:left " border="1">
<tr>
<td><img src="123.jpg" width="202" height="203"></td>
</tr>
</table>
</td>
</tr>
</table>هذه صورة الصفحة

اريد الصورة 1 و الصورة 2 في الصف السابق
والذي هو حاليا فارغ
وجزاكم الله خير