2017-03-04 94 views
-3

我的表格似乎工作不同於我的想法,但是當我嘗試重新組織它時,情況變得更糟。我不確定是否使用TD或TR錯誤或發生了什麼。以現在的方式使用代碼,水平導航欄不會設置黃色邊框,並且我的表格不在我想要的位置。 它應該看起來像這樣: 標誌(頂部一路橫穿) 水平導航欄(一直跨越上面的垂直導航欄,歷史和收益) 垂直導航欄(歷史記錄左側),歷史,Gainful右史) 約(以下邊境歷史)Html表格不能正常工作

<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

有兩件事:1)通過HTML驗證器運行你的代碼; 2)不要使用表格進行佈局;爲表格數據使用表格,使用CSS佈局 – j08691

+0

@ j08691我的老師不允許css進行佈局。 – Shade

回答

0

我想出了問題所在。我按照錯誤的順序排列了一些表格,這些表格搞砸了。感謝您的幫助。