-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)通過HTML驗證器運行你的代碼; 2)不要使用表格進行佈局;爲表格數據使用表格,使用CSS佈局 – j08691
@ j08691我的老師不允許css進行佈局。 – Shade