[thelist] CSS image position
Michele Foster
michele at wordpro.on.ca
Sun Jan 19 08:56:01 CST 2003
Hi Andrew,
IMHO you're making it more difficult than it needs to be .. essentially what
you want is ..
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img top left></td>
<td><img spacer> or nbsp</td>
<td>img top right></td>
</tr>
<tr>
<td colspan=3">whatever</td>
</tr>
<tr>
<td><img bottom left></td>
<td><img spacer> or nbsp</td>
<td>img bottom right></td>
</tr>
</table>
Have a look at this page http://sormehbeautyspa.com/packages/seaspa.asp
Here's what my top left gif is:
http://sormehbeautyspa.com/images/topleft.gif
Depending on if I need (want) to control the width of the column, I may or
may not use a spacer gif in the first and last rows to control the width of
the middle column. Here's another example where I have side borders too
http://worldlinksgpa.com/coaching.asp .. those images are equivalent to the
corner objects.
Keep in mind that I design most of my sites with tables still .. and that
may not be what you want to do.
hth,
Mich
----- Original Message -----
From: "Andrew Maynes" <andrew at humanbehaviour.co.uk>
> ok this isn't working :(
>
> I thoiught it would as the logic is straightforward here is what I have..
>
> <TD align="left" valign="top" class="rightfill">
>
> <!-- BEGINNING RIGHT HAND SIDE TABLE WITH LINKS IN AND STYLE iT CSS -->
>
>
> <TABLE>
> <TR>
> <TD class="topleft"></TD>
> <TD class="topright"></TD>
> </TR>
> <TR>
>
> <TD class="atext">
> Text text text text text text text text text text
> </TD>
> </TR>
> <TR>
> <TD class="bottomleft"></TD>
> <TD class="bottomright"></TD>
> </TR>
> </TABLE>
>
> <snip>
More information about the thelist
mailing list