Table Problemo

**lianabanana** · 05-25-2005 09:38 AM

***I know that it's not recommended to use tables, but I still do

***

On this page no matter what I do the tree menu cell (on the right) stays bigger than the menu itself. Any tips? PLEASE!

Here's the code:

Code:

<body bgcolor=black>
<link rel=stylesheet type="text/css" href="http://www.freewebs.com/erlico1/css.css">
<table cellspacing="15" cellpadding="1" bordercolor=#3F9CDC border=1 bgcolor=#04053D>
<td colspan=3 bgcolor=navy><img src=http://www.freewebs.com/erlico1/erlico_draft.jpg border=0 usemap="#1"><br>
<map name="1">
<area shape="circle" coords="0,0,0" alt="">
<area shape="circle" coords="0,0,0" alt="">
<area shape="circle" coords="0,0,0" alt="">
<area shape="circle" coords="0,0,0" alt="">
<area shape="circle" coords="0,0,0" alt="">
<area shape="circle" coords="0,0,0" alt="">
<area shape="circle" coords="0,0,0" alt="">
<area shape="poly" coords="241,43,279,26,342,25,376,40,364,69,304,76,262,70,243,55" href="http://freewebs.com" target="_top" alt="">
<area shape="poly" coords="403,43,441,27,488,26,524,37,536,58,515,68,459,76,408,63" href="http://freewebs.com" alt="">
<area shape="poly" coords="562,44,600,26,647,28,685,38,693,57,676,68,626,77,597,74,580,71,568,61" href="http://freewebs.com" alt="">
<area shape="poly" coords="17,52,52,25,115,18,153,20,206,42,222,71,219,106,198,121,164,139,95,147,70,140,41,129,23,116,10,107,8,93,6,79,7,67" href="http://freewebs.com" alt="">
</map>
</td>
<tr>
<td align=center valign=top> 
<h1>This Week's Hottest Deals!</h1><p>
<img src=http://i6.photobucket.com/albums/y220/erlico/bunkbeds/bunk1.jpg width=140 height=160>
<img src=http://i6.photobucket.com/albums/y220/erlico/bunkbeds/bunk1.jpg width=140 height=160><p>
<h1>New @ Erlico!</h1><p>
<a href="http://i6.photobucket.com/albums/y220/erlico/bunkbeds/bunk1.jpg" onClick="window.open('http://i6.photobucket.com/albums/y220/erlico/bunkbeds/bunk1.jpg','_blank','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=1, copyhistory=0, menuBar=0');return(false)"><img src=http://i6.photobucket.com/albums/y220/erlico/bunkbeds/bunk1.jpg width=140 height=160 border=0></a> 
<img src=http://i6.photobucket.com/albums/y220/erlico/bunkbeds/bunk1.jpg width=140 height=160>
<p>
</td>
<td align=left valign=top width=211px>
<center><h1>Our Gallery:</h1></center><br>
<iframe src="http://www.freewebs.com/erlico1/menu.htm" frameborder="0" margin=0 width=230></iframe>
</td>
</table>

**ewomack** · 05-25-2005 01:26 PM

It looks like the large graphic is part of the overall table. You could try separating the graphic out from the table and see if it collapses correctly. If it does, then that was your issue. You could also try specifying your TD widths to see if that helps. I've also had problems in the past aligning dynamic menus with tables; they don't seem to play well together; they always want to add more space than it seems.

I should also add that your site looks very different in IE than it does in Firefox. You might want to check both out.

**lianabanana** · 05-25-2005 01:30 PM

could you possibly give me a screen shot in firefox?

**Frozenyam** · 05-25-2005 05:37 PM

It looks fine on my computer, so you probably fixed it

Can I make a suggestion though? I think you should span that 'tree menu'. It looks as though it's forced to one cell which, when the entire tree is expanded adds scrollbars that could be avoided.

Thread: Table Problemo

Thread Tools

Display

Table Problemo

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions