Html表无法正常工作

时间:2017-03-04 17:19:35

标签: html

我的表似乎与我想要的工作方式不同,但是当我尝试重新组织时,它变得更糟。我不确定我是否使用TD或TR错误或发生了什么。使用代码的方式,水平导航栏不会设置黄色边框,而我下面的表格不是我想要的。 它应该看起来像这样:       徽标(顶部一直穿过)        水平导航栏(一直横过vert导航栏,历史记录和有价值)         vert导航栏(左侧为历史记录),历史记录,Gainful(历史右侧)        关于(低于边境的历史)

  <body >
  <Table width=100% height=500 border=3
  bordercolor=blue>
 <TR height=20%  style="background-color:black; background-width:100%">
 <TD><img src="logo.png" alt="C"/>
 <span style="color:white; font-size:22px; float:bottom">Computer Science Department</span></TD>

 </TR>
 <TR height=10% >
 <TD style="border-color:green;border-width: 2px">
 <nav class="horizontal"style=" padding-left:0px;
 border-color:yellow;color:black; font-size:20px; width:100%; " >
    <ul>
      <li><a href="#">Contact</a></li>
      <li><a href="#">Faculty</a></li>
      <li><a href="#">Programs</a></li>
      <li><a href="#">Classes</a></li>
      <li><a href="ProgramList.htm">Program List</a></li>
   </ul>

 </nav>

  <nav class="vertical" style="border-color:green;text-align: center; color: black">
     <ul style="list-style-type:none">
        <li><a href="#" class="b1">Computer Programming</a></li><BR>
        <li><a href="#" class="b1">Computer Specialist</a></li><BR>
        <li><a href="#" class="b1">Information Technology Analysis</a></li><BR>
        <li><a href="#" class="b1">Information Technology Management</a></li><BR>
        <li><a href="#" class="b1">Network System Developer</a></li><BR>
        <li><a href="#" class="b1">Web Development Specialist</a></li><BR>
        </ul>
  </nav></TD>

 </TR>
 <TR height=60%>
    <TD>3 content
    <Table width=90% height=90% border=4
    bordercolor=blue>
    <TR>
   <TD >History</TD>
   <TR>
      <TD>About</TD>          
   </TR>
   <TD >Gainful</TD>






  </Table>
</TD>

 </TR>
 <TR height=10%>
<TD><footer >

 </footer></TD>

 </TR>
 </Table>

 </body>
 </html>

我不确定这是否解释得很好,如果没有,请告诉我。

1 个答案:

答案 0 :(得分:0)

我弄清楚问题是什么。我有一些错误的表格,这搞砸了。谢谢你的帮助。