Posted by Cogito on 05/26/05 02:09

Several graphics are displayed in a row, like this:

<a href="link1.html"> <img align=top src="pic1.gif"></a>
<a href="link2.html"> <img align=top src="pic2.gif"></a>
<a href="link3.html"> <img align=top src="pic3.gif"></a>
<a href="link4.html"> <img align=top src="pic4.gif"></a>
<a href="link5.html"> <img align=top src="pic5.gif"></a>
<a href="link6.html"> <img align=top src="pic6.gif"></a>

When the window is wide enough for all of them to fit in one row there
is a small space between each graphic and the next. As the width of
the window is dragged to reduce the size of the window, the graphics
dynamically re-arrange themselves in two, three, four… rows. When this
happens, there is still a space between adjacent graphics on the same
row but not between graphics on different rows. In other words, when
they are arranged to be in one column, for example, they all touch
each other (top and bottom).
Without going into tables, is there a simple way to ensure that a
small space is kept between rows?

[Back to original message]