为什么我的桌子出现在一个牢房里

时间:2014-02-10 15:58:38

标签: html css

我的桌子一直出现在一个牢房里,不知道我做错了什么。任何愿意看的人都让我知道我哪里出错了。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="main.css">
<title>Ironton Fire department Sponsors</title>
</head>

<body>
 <div style="width:1020px; height:1020px; float:center; background-    image:url(images/zombie_5k_TM_AP_stripped.png)">
 <div class="home">
            <img src='images/home_button.jpg' name="register"  onMouseOver="this.src='images/home_button_hover.jpg'" onMouseOut="this.src='images/home_button.jpg'" onclick="location.href='index.html'"/>
        </div>
        <div class="register">
            <img src='images/register_button.jpg' name="register"  onMouseOver="this.src='images/register_button_hover.jpg'" onMouseOut="this.src='images/register_button.jpg'" onclick="location.href='register.html'"/>
        </div>
        <div class="sponsor">
            <img src='images/sponsor_button.jpg' name="sponsor"  onMouseOver="this.src='images/sponsor_button_hover.jpg'" onMouseOut="this.src='images/sponsor_button.jpg'" onclick="location.href='sponsors.html'"/>
        </div>
        <div class="gallery">
            <img src='images/gallery_button.jpg' name="gallery"  onMouseOver="this.src='images/gallery_button_hover.jpg'" onMouseOut="this.src='images/gallery_button.jpg'" onclick="location.href='gallery.html'" />
        </div>
  <div class="sponsors">
<table>
    <tr>
        <td align="center" width="250">Seth Jackson - Edward Jones</td>
        <td align="center" width="250">Heritage Mechanical </td>
    </tr>
    <tr>
        <td align="center" width="250">Mike Flanagan – Iron Range Auto </td>
        <td align="center" width="250">&nbsp;</td>
    </tr>
</table>
 </div>
 <div class="sform">
 < p align="center">
    <a style="color: #D91D1F;"href="Images/ZX5K Sponsorship Agreement.pdf" target="_blank">ZX5K Sponsorship Agreement</a></p></div></div>
 </body>
 </html>

这是涵盖班级.sponsors的css

.sponsors {
    position: absolute;
    top: 280px;
    left: 340px;
}

这里是链接,看看我在说什么,http://www.ifdauxzx5k.com/sponsors.html

1 个答案:

答案 0 :(得分:3)

您的桌子不会出现在一个单元格中。 但是所有单元格都在彼此之上,因为您的position: absolute;中的TD上有main.css line 62

td{
    color: #D91D1F;
    position: absolute;
}

这就是为什么每个TD都会转到表格左上方的位置。删除此行,它将正常运行。