Re: table alignment screw up

Put all the images in the left side nav in one large cell, instead of
individual cells (rows), with a <br> after each image so that they lay
beneath one another.  Make sure you valign="top" that cell as well.  That
will prevent the cell splits as I call it.

As in:

<td rowspan="2" valign="top"><img src="graphics/bluebar_topleft.jpg"
width="171" height="30" alt=""><br>
<a href="events.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('events','','graphics/bbnav_events2.jpg',1)"><img
src="graphics/bbnav_events.jpg" alt="Program and Events" name="events"
width="171" height="55" border="0"><br>
</a><a href="pastevents.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('pastevents','','graphics/bbnav_pastevents2.jpg',1
)"><img src="graphics/bbnav_pastevents.jpg" alt="Past Events"
name="pastevents" width="171" height="32" border="0"><br>
</a><a href="membership.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('membership','','graphics/bbnav_member2.jpg',1)"><
img src="graphics/bbnav_member.jpg" alt="Membership" name="membership"
width="171" height="32" border="0"><br>
</a><a href="forum.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('forum','','graphics/bbnav_forum2.jpg',1)"><img
src="graphics/bbnav_forum.jpg" alt="Discussion Forum" name="forum"
width="171" height="32" border="0"><br>
</a><a href="resources.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('links','','graphics/bbnav_links2.jpg',1)"><img
src="graphics/bbnav_links.jpg" alt="Web Site Links" name="links" width="171"
height="32" border="0"><br>
</a><a href="business.html" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('business','','graphics/bbnav_business2.jpg',1)"><
img src="graphics/bbnav_business.jpg" alt="Business & Community"
name="business" width="171" height="36" border="0"><br>
</a><img src="graphics/bluebar_btm.jpg" width="171" height="51"></td>
<td rowspan="2" valign="top"><img src="graphics/bbspan_01.jpg" width="16"
height="30" alt=""><br>
<img src="graphics/bbspan_02.jpg" width="16" height="55"><br>
<img src="graphics/bbspan_03.jpg" width="16" height="32"><br>
<img src="graphics/bbspan_03.jpg" width="16" height="32"><br>
<img src="graphics/bbspan_04.jpg" width="16" height="32"><br>
<img src="graphics/bbspan_05.jpg" width="16" height="32"><br>
<img src="graphics/bbspan_06.jpg" width="16" height="36"><br>
<img src="graphics/bbspan_07.jpg" width="16" height="51"></td>

GK

Shelley wrote:
> Dear Folks
>
> I've been working on a site in a rather piecemeal fashion over the
> past couple of weeks while also taking vacation time.  Needless to
> say, not the best way for me to tackle a project.
>
> Site is at http://www.internavigate.com/bcodn/template.html and the
> cells spread apart when the main text section gets longer.  I've
> worked around that by adding a blank gif and adjusting it to the size
> of the text cell but am really unhappy with this workaround.  Any
> suggestions greatly appreciated.  I seem to have hit a problem
> solving blank - too much holiday time, I guess and the odd margarita
> ;)
>
> Shelley

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA