asked on

tables question

I found the following table listed here a while back in response to someones question. I liked it and started to use it. I fiddled around a little with the code in refernce to the menu bar. I want to headers, not just one. I got the two headers but the first header got bigger as I did this. How to fix?

<TABLE BORDER="0">
<TR>
<TD VALIGN="top">
<TABLE CELLPADDING="0" CELLSPACING="0"
BORDER="0" WIDTH="120" >
<TR>
<TD BGCOLOR="#000000" WIDTH="100%"><DIV
ALIGN="CENTER"><FONT COLOR="#FFFFFF" FACE="Verdana"
SIZE="2"><B>menu #1</B></FONT></DIV></TD>
</TR>
<TR>
<TD BGCOLOR="#000000" WIDTH="100%">
<TABLE WIDTH="100%" CELLPADDING="0"
CELLSPACING="1" BORDER="0">
<TR>
<TD BGCOLOR="#0080FF" WIDTH="100%">
<FONT COLOR="#FFFFFF" FACE="Verdana"
SIZE="2">
links and links</td></tr>
<TR>
<TD BGCOLOR="#000000" WIDTH="100%"><DIV
ALIGN="CENTER"><FONT COLOR="#FFFFFF" FACE="Verdana"
SIZE="2"><B>Menu #2</B></FONT></DIV></TD>
</TR>

</br>
</FONT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</TD>

<TD ROWSPAN="2" VALIGN="TOP"><center>
<B>

</TD>
</TR>

<TR>
<TD> </TD>
</TR>

</TABLE>

technoman

What exactly do you want to happen? I find it that you use tables within table. Could you clarify your question? thanks.

jbirk

Not sure exactly what you wanted but the code needed cleaning. There where some errors... here is a cleaned version:

<TABLE BORDER="0">
<TR><TD VALIGN="top">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="120">
<TR><TD BGCOLOR="#000000" WIDTH="100%"><DIV ALIGN="CENTER"><FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2"><B>menu #1</B></FONT></DIV></TD>
</TR>
<TR><TD BGCOLOR="#000000" WIDTH="100%">
<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="1" BORDER="0">
<TR><TD BGCOLOR="#0080FF" WIDTH="100%"><FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2">links and links</td>
</tr>
<TR><TD BGCOLOR="#000000" WIDTH="100%"><DIV ALIGN="CENTER"><FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2"><B>Menu #2</B></FONT></DIV></TD>
</TR>
</TABLE>
</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

This removed the extra white space (actually black...) beneath the first header header. If that's what you where referring to then it's cause was the misplaced <BR></FONT></TD></TR> tags. ALso I removed the blank table cells at the end...

-Josh

ASKER CERTIFIED SOLUTION

jbirk

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

rotemporan

i added some changes
and fixed errors:
try:

<TABLE BORDER="0">
<TR>
<TD VALIGN="top">
<TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0" WIDTH="120" >
<TR>
<TD BGCOLOR="#000000" WIDTH="100%">
              <DIV ALIGN="CENTER"><FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2"><B>menu#1</B></FONT></DIV>
              </TD>
</TR>
<TR>
<TD BGCOLOR="#000000" WIDTH="100%">
<TABLE WIDTH="100%" CELLPADDING="0" CELLSPACING="1" BORDER="0">
<TR>
<TD BGCOLOR="#0080FF" WIDTH="100%">
<FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2"> links and links
                          </td>
                   </tr>
       <TR>
            <TD BGCOLOR="#000000" WIDTH="100%">
                        <DIV ALIGN="CENTER"><FONT COLOR="#FFFFFF" FACE="Verdana" SIZE="2"><B>Menu #2</B></FONT></DIV>
                        </TD>
      </TR>
                   </table>
</TD>
            </TR>
</TABLE>
</TD>
</TR>

<Tr>
       <TD ROWSPAN="2" VALIGN="TOP"><center><B></TD>
</TR>

<TR>
<TD></TD>
</TR>
</TABLE>

leavinglasvegas

ASKER

that was perfect!thanks for taking the time to help me out!