Slices from an image move when a larger object is present

[shimeal]

Hello All,

I am using DWMX (forgive me in advance). I have a tool bar running down the side of a site I am working on that is divided into various image slices. When I add content to the body area of my site (i.e. to the right of my tool bar) and it runs further down the page than the images of the tool bar go, the images start to space out to compensate for the extra long body. Any suggestions on how I can keep my image slices packed tightly together without worrying about the length of the content in the body area of my page? Thanks in advance! A portion of my code from the image slices is posted below:

<TR>
<TD COLSPAN=2 valign="top">
<a href="index.php">
<IMG SRC="../Test2/Images/banner_28.gif" ALT="HOME" WIDTH=58 HEIGHT=29 border="0" usemap="#Home">
</a>
</TD>
<TD COLSPAN=5 valign="top">
<IMG SRC="../Test2/Images/banner_29.gif" WIDTH=102 HEIGHT=29 ALT="29">
</TD>
<TD COLSPAN=2 ROWSPAN=2 valign="top">
<IMG SRC="../Test2/Images/banner_30.gif" WIDTH=33 HEIGHT=58 ALT="30">
</TD>
</TR>
<TR>
<TD COLSPAN=6 valign="top">
<a href="gettingstarted.php">
<IMG SRC="../Test2/Images/banner_32.gif" ALT="Getting Started" WIDTH=130 HEIGHT=29 border="0" usemap="#Getting_Started">
</a>
</TD>
<TD valign="top">
<IMG SRC="../Test2/Images/banner_33.gif" WIDTH=30 HEIGHT=29 ALT="33">
</TD>
</TR>

etc. etc...

Thanks again!

Brian

[limbo]

Sounds like your content and naviagtion are in the same table - the content stretches the navigation when it moves 'below the fold'. You could either nest your navigation in its own table within a cell from the main table or place content and navigation in separate divs and use CSS to position them left and right. The first option is easy to do and will display well across all browsers. Go to the CSS forum for answers about the second option ;)

[Jon_King]

limbo is right. Put it in a separate table and align top.