[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