我正在调整水平列表中的间距，似乎我有一个空白的第一个条目生成一个分隔符(右边框)。增加和减少填充，扩大和缩小列表中的第一个虚拟条目。
本页的导航栏http://compuball.com/GW2/guides/ranger/pages/pet_basics_101.html
间隔条创建在菜单项的右侧……第一个间隔条跟在不应存在的元素之后。
CSS:
NAV {
width: 940px;
float: left;
font-family: Geneva,Arial;
border: 6px outset #A96505;
background-color: #F4CB90;
}
NAV ul {
margin: 0px auto;
padding: 0px;
list-style-type: none;
}
NAV li {
display: inline;
}
NAV li a {
text-align: center;
border-right: 2px groove #C6995F;
font-size: 1.6em;
padding: 2px 10px;
color: #A96505;
text-decoration: none;
}
NAV li a.last {
border-right: none;
}
NAV li a:hover {
color: #6D3F02;
}
HTML:
<NAV>
<UL>
<LI><a href="#top">Home</a></LI>
<LI><a href="#Intro">Introduction</a></LI>
<LI><a href="#Charming">Acquiring Pets</a></LI>
<LI><a href="#Classification">Classification</a></LI>
<LI><a href="#Control">Control Panel</a></LI>
<LI><a Class="last" href="#Management">Management Panel</a></LI>
</UL>
</NAV>
最佳答案
好吧，这里有一个明确的问题 - 在 FireBug 中查看时，您有四个实例 <a id="top">在你进入包装部分之前。其中之一是在您的导航列表中，创建一个元素(然后被填充等)。
我猜您需要一个内部链接，使用户无需滚动即可到达页面顶部。这涉及页面顶部的一个目标引用(不在您的导航列表中)，如下所示:<a name="top"></a>以及页面下方所需的尽可能多的相应链接，如下所示:<a href="#top">Back to Top<a> .这会将屏幕顶部带回页面上目标引用所在的位置。
所以。清除 <a id="top"></a> 的所有实例并将它们替换为页面顶部的一个适当的目标引用(例如，就在开始 <body> 标记之后)，您应该没问题。
关于css - 幻影水平列表中的第一个条目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13060399/