CSS表格样式和定位

我有一个关于桌子的样式和位置的问题。我已经创建了一个包含多行的两列表，我希望它“适合”我的背景图像。 因为这是一个相当模糊的情况解释，我已经包括了这个

在这个提琴中，你应该看到表格+背景图像，我希望表格项目应该在特定背景的两行之间

我尝试过用如下属性设置td元素的样式

  td {
  height: 20% ; 
  }

或

（不知道这些是否是我可以在这里使用的CSS属性）

但我似乎无法将表元素放在正确的位置。

---

有谁能帮我，或者有谁能提供一些好的信息让我自己做这件事？

我认为你不应该这样做。为什么不从图像中取出“>>>”，将其保存为自己的图像，然后将其内联到html中（即）或作为其中一行的背景图像（当然居中）包含。然后制作表格标题文本并适当设置其样式。

您应该为单元格找到正确的顶部和底部填充，或者只对所有单元格应用固定高度。

不要将表格用于布局。在这种情况下，使用列表是有意义的：

<div class="news"> <!--News-->
    <ul>
        <li><label>Friday 9-September-2011</label><a href="/news/items/090911_item1.html">item 1</a></li>
        <li><label>Friday 9-September-2011</label><a href="/news/items/090911_item2.html">item 2</a></li>
        <li><label>Friday 9-September-2011</label><a href="/news/items/090911_item3.html">item 3</a></li>                        
    </ul>

</div> <!-- / News -->

---

要使用的相应CSS属性是

填充

和

边框间距

。您可以开始关闭A标记了。@BoltClock:谢谢，现在就使用这些属性，所以我希望自己能解决这个问题。@Diodeus:您说得完全正确。我总是使用w3c标记验证服务，所以我会在事后发现，不过还是谢谢你！或者您可以使用背景大小：417px 186px使图像适合表格：）您也可以尝试。也许你可以找到一些没有考虑过这种方法的东西！非常感谢，在我看来，这确实是实现我目标的一个更好的方法。这怎么能不把它们叠加在一起呢。如果在表格行上添加图像（所有行的宽度都相同），并设置背景位置：居中；这会不会让他们彼此“领先”？

<div class="news"> <!--News-->
    <ul>
        <li><label>Friday 9-September-2011</label><a href="/news/items/090911_item1.html">item 1</a></li>
        <li><label>Friday 9-September-2011</label><a href="/news/items/090911_item2.html">item 2</a></li>
        <li><label>Friday 9-September-2011</label><a href="/news/items/090911_item3.html">item 3</a></li>                        
    </ul>

</div> <!-- / News -->

.news ul {
    float:right;
    background-image: url('http://img64.imageshack.us/img64/3368/newsbg.png');
    width: 417px ;
    height: 186px ;
    background-repeat: no-repeat;
    padding-top:55px;
}

.news li {    
    height:38px; 
}

.news label {
    display:inline-block;
    width:230px;
}

.news a {
    display:inline-block;
    width:160px;
    text-align:right;
}