gpt4 book ai didi

css - 幻影水平列表中的第一个条目

转载 作者:搜寻专家 更新时间:2023-10-31 23:08:43 25 4
gpt4 key购买 nike

我正在调整水平列表中的间距,似乎我有一个空白的第一个条目生成一个分隔符(右边框)。增加和减少填充,扩大和缩小列表中的第一个虚拟条目。

本页的导航栏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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com