Trying to line up a tic-tac-toe board type grid of images using style=
tags to <img inside a table TD
but it's not working, I get more like a set of steps, can I get an
explanation of what's wrong with this and how to do it correctly?:
<table border="1">
<tr>
<td valign="top" align="left">
<!-- following should line up as a grid, look like a staircase -->
<img src=here.gif style="{position:relative;top:6px;left:36px;}">
<img src=here.gif style="{position:relative;top:6px;left:139px;}">
<img src=here.gif style="{position:relative;top:6px;left:242px;}">
<img src=here.gif style="{position:relative;top:87px;left:36px;}">
<img src=here.gif style="{position:relative;top:87px;left:139px;}">
<img src=here.gif style="{position:relative;top:87px;left:242px;}">
<img src=here.gif style="{position:relative;top:168px;left:36px;}">
<img src=here.gif style="{position:relative;top:168px;left:139px;}">
<img src=here.gif style="{position:relative;top:168px;left:242px;}">
</td>
</tr>
</table>
For this example it's a grid but I have 7 other patterns I have to lay
up with this not all of them can be expressed with a grid pattern.
any help is appreciated.