Question

就像我在标题中所说的那样，我试图将菜单标题（即图片）与具有匹配的背景图片和菜单标题的ul相匹配。无论我尝试了什么，标题和ul之间仍然存在差距。对不起，如果我听起来很混乱，这是代码：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
ul {
margin: 0;
padding: 10px 0px 25px 45px;
background:url(ul.png) no-repeat 0 100%;
list-style-image:url(li.png);
}
table td { 
display: table-cell;
vertical-align: top; 
}
ul li a:hover{
color: red;
padding-left: 10px;
}
img {
position: relative;

}

</style>
</head>

<body>

<table width="313" border="0">
<tr>
<td width="303" height="257"><img src="h3.png" width="224" height="35"  alt=""/><ul>
<li><a href="#">Future</a></li>
<li><a href="#">Health</a></li>
<li><a href="#">Life</a></li>
<li><a href="#">Money</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">Phobias</a></li>
</ul></td>
</tr>
</table>
</body>
</html>

Answer 1

为了避免所有这些“差距问题”，请考虑包括Eric A.制作的reset.css样式表。

你可以在这里抓住它 - ＆gt; http://meyerweb.com/eric/tools/css/reset/reset.css

通过撰写：

将其包含在<style>之前

<link rel="stylesheet" type="text/css" media="screen" href="YOUR_PATH/css/reset.css" />

HTML5。我在将菜单标题与ul背景匹配时遇到问题

1 个答案: