html - 为什么我的表格出现在一个单元格中

标签 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

最佳答案

您的表格没有显示在一个单元格中。 但是所有单元格都在彼此之上,因为您在 main.css line 62 的 TD 上有 position: absolute;

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

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

关于html - 为什么我的表格出现在一个单元格中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21681889/

相关文章:

jquery - DIV 两侧的 CSS 菜单

html - 如何在相邻元素中设置 CSS 属性?

javascript - .checked 选项不适用于我的 javascript

javascript - 将下拉值与按钮链接以选择下拉值

jquery - 动态创建的日期选择器无法从创建的第二行开始工作

html - 如何将图像设置为响应图像周围的框架?

javascript - 更新(编辑)单个输入字段 php js

javascript - JSON $ajax 问题

jquery - 在输入的字段下设置动态创建的自动完成建议位置

html - block 属性设置为非 block 元素