主站点导航与博客脚本CSS冲突
At是一个主站点导航和标题,我已将其安装到博客脚本中,以便将其与主站点集成。主站点导航被一条穿过链接的白线所阻碍,这也影响了滚动。见附图 什么可能导致此冲突?在有序列表标记()中有一个中断标记(主站点导航与博客脚本CSS冲突,css,navigation,blogs,Css,Navigation,Blogs,At是一个主站点导航和标题,我已将其安装到博客脚本中,以便将其与主站点集成。主站点导航被一条穿过链接的白线所阻碍,这也影响了滚动。见附图 什么可能导致此冲突?在有序列表标记()中有一个中断标记(),该标记的HTML格式不正确,不应执行。标签中应该包含的唯一标签是标签 尝试删除边界底部在这里以及 .nav ol { list-style: none; width: 950px; margin: 0 auto; padding: 0; padding: 0; /* <-----
),该标记的HTML格式不正确,不应执行。标签中应该包含的唯一标签是
.nav ol {
list-style: none;
width: 950px;
margin: 0 auto;
padding: 0;
padding: 0; /* <----- you can also remove this line since it's a duplicate */
background-color: #3b3b44;
border-top: 1px solid #ccf;
border-bottom: 1px solid #ccf; /* <---- remove this line */
}
.nav-ol{
列表样式:无;
宽度:950px;
保证金:0自动;
填充:0;
填充:0;/*我注意到你所说的。我尝试删除了相同的内容,但站点崩溃了!断开标记的事情(
)安装的目的是为了解决一个问题,该问题目前正在进行中。将溢出:隐藏添加到.nav ol
,并删除
标记。添加break标记的建议是错误的建议。这是格式错误的HTML,不应使用。如果您的网站“崩溃”如果没有它,您需要重新考虑构造。只需将导航包装在一个div中,然后在有序列表下添加一个clear:tware样式。这样您的HTML格式就正确了。感谢Scott,
标记内容现在被删除并替换为我的头痛推荐溢出:隐藏在.nav ol.Site中,现在与这引入了更正更改。愚蠢的白线问题仍然存在于导航上。!!我已添加到上面的答案中。我假设您出于某种原因需要白线,因为它存在于CSS中。如果您根本不需要白线,只需将其从CSS中删除即可。
.nav li a {
display: block;
padding: 2px 20px;
text-decoration: none;
font-family: Helvetica, arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #fff;
border-right: 1px solid #ccf;
border-bottom: none; /* <------------ add this line */
}