Hogyan lehet egy sorban lévő klikkelhető kis képeknek (ikonoknak) "auto wrap" tulajdonságot adni?

Már régóta megvan egy honlap (családi emlékek), aminek az egyik weboldalán van vagy 50 ikon (133x100 pixels), egy sorban 8 ikon, és van vagy 7 sor. Ezzel a kóddal:

<tr>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

<td><a href=""><img ALIGN="right" SRC="heart.jpg" BORDER=0 height=100 width=133></a></td>

</tr>

Hogyan tudnám ezt átírni, hogyha a monitor amin valaki nézi a weboldalt nem szélesvásznú hanem 4:3 oldal arányú akkor a sorok automatikusan wrap-olnak (nem tudom rá a magyar szót) és minden ikon látható a képernyőn, nem kell alul az alsó csúszkán jobbra vinni a képernyőt, hogy a ikon táblázat jobb oldala is látható legyen.

Sima mezei Notepad++-al szerkesztem a honlapot.