Table problem

[bryan]

morning guys,

I've been having a problem with this table: http://gx-temp-domain.50megs.com/main.html

I want the buttons to be "connected" so to speak, where you can't see the white space in between them. My layout is basically 2 rows, one with 8 cells and the other a single cell with a rowspan of 8. I've tried editing the HTML by hand and also dragging the table around in Dreamweaver, nothing works :[. Please help!

 

[viciouscircle]

add the following to your <table> tag:

CELLSPACING="0" CELLPADDING="0"

that should do what you want.

 

[bryan]

already tried that, didn't work :/

 

[fe505]

I personally would nest a table for the menu into the main table. So all I would get is 1 row with 2 columns (1 for menu table and 1 for your news).

Here's a quick edit of your table. You can try to copy/paste into your codes to see if it works. Dont forget to backup.

<table cellpadding=0 cellspacing=0 border=0>
<tr>
<td width="120" height="25"><a href="home.html"

onMouseOver="MM_swapImage('home','','home-bar-2.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="home-bar-1.jpg" name="home"

border="0"></a></td>
</tr>
<tr>
<td width="120" height="25"><a href="roster.html"

onMouseOver="MM_swapImage('roster','','roster-bar-2.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="roster-bar-1.jpg" name="roster"

border="0"></a></td>
</tr>
<tr><td width="120" height="25"><a href="files.html"

onMouseOver="MM_swapImage('files','','files-bar-2.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="files-bar-1.jpg" name="files"

border="0"></a></td>
<tr>
<td width="120" height="25"><a href="forum.html"

onMouseOver="MM_swapImage('forum','','forum-bar-2.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="forum-bar-1.jpg" name="forum"

border="0"></a></td>
</tr>
<tr>
<td width="120" height="25"><a href="allies.html"

onMouseOver="MM_swapImage('allies','','allies-bar-2.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="allies-bar-1.jpg" name="allies"

border="0"></a></td>
</tr>
<tr>
<td width="120" height="25"><a href="login.html"

onMouseOver="MM_swapImage('login','','login-bar-2.jpg',1)"

onMouseOut="MM_swapImgRestore()"><img src="login-bar-1.jpg" name="login"

border="0"></a></td>
</tr>
</table>

</td>

<td valign=top><iframe src="news.html" frameborder="0" scrolling="no" hspace="0"

vspace="0" width="600" height="440" align="center"></iframe></td>

</tr>
</table>

 

[bryan]

excellent, a nested table works perfectly!

thanks a lot