Improve company productivity with a Business Account.Sign Up

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 182
  • Last Modified:

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>
0
leavinglasvegas
Asked:
leavinglasvegas
1 Solution
 
technomanCommented:
What exactly do you want to happen? I find it that you use tables within table. Could you clarify your question? thanks.
0
 
jbirkCommented:
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
0
 
jbirkCommented:
Ooops I missed something... forgot to close the font tag again.  here it is again:

<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</FONT></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>

-Josh
0
 
rotemporanCommented:
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>

0
 
leavinglasvegasAuthor Commented:
that was perfect!thanks for taking the time to help me out!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now