Question

我正在尝试创建一个包含多行的表，但是当我添加第二行时，只显示一个链接。我认为这是我在CSS中的身份问题，但我不确定。任何帮助将不胜感激。

<html>
<head>
<style>
#mydiv {
color: black;
height: 1000px;
width: 200px;
background-color: #828180;
position: fixed;
left: 0;
top: 200px; /* 200px from top */
}   
</style>
<title>
Cathedral Project
</title>
</head>
<body type="text/css">
<h1>
<marquee behavior = "alternate" style = "background-color:#828180" scrolldelay = "1">
<a href="https://be43ada9-a-cc17453e-s-sites.googlegroups.com/a/sau41.org/stephen-capraro/home/funny_3.jpg?attachauth=ANoY7cq6T-NPJuhfXWPCNobXQS33pGhZw8uo_BhUpozRiCu8JFK7_dWd6B-92bckzc8_3Vj9lQMh7jCL0mBVR-tYYg0LgIIx7yPZqbme0G-oKcRVfyd_GPuRrTtCuOT2wRhByl-QVpqrpa12yk5xqG9bluTqdQEyRgeMPCnz3mpcdjV9xKzoWOLUg2vCrGscyxdz84kFwm0hDZlH0I4LhEZZioG4kLd-fQ%3D%3D&attredirects=0" target="_blank"> <img src="gothic.jpg"> </a>
</marquee>
</h1>
<table>
<tr>
<td id="mydiv"><a href = "project.html">Home</a></td>
<tr>
<td id="mydiv"><a href = "stained_glass.html">Stained Glass</a></td>
</tr>
</table>
</body>
</html>

Answer 1

你必须学习更好的编码技巧。

问题是td的位置属性，解决方法是从样式标记中删除position:fixed;。更好地再次测试它。

Answer 2

您错过了结束TR。

<table>
<tr>
    <td id="mydiv"><a href="project.html">Home</a>
    </td>
</tr>   <<<<< You are missing a closing TR
<tr>
    <td id="mydiv"><a href="stained_glass.html">Stained Glass</a>
    </td>
</tr>
</table>

这里改进了CSS，就像下面提到的其他海报一样：

#mydiv {
color: black;
height: 1000px;
width: 200px;
background-color: #828180;
left: 0;
top: 200px;
/* 200px from top */
}

表中的Html和css多行无法正常工作

2 个答案: