晚上好球员,围绕一个特定的DIV - 已经尝试了很多 - 未能不断
这是我第一次这个网站上,所以我很抱歉,如果我这样做实在太差了。
首先,我有一个专门用于wordpress的网站,我遇到的问题是我希望我的水平导航位于顶部以某种方式查看,但如果我将它保留为正确的方式现在它似乎下降到第二排...这让我难过。
因此,我决定让个别按钮变小,然后居中它们,这样即使观众没有使用的是(这是IMPACT),那么它就会调整他们如何集中,而不是下降。
我试图找到一种方法来为DAYS做到这一点,我一再失败。我使用firefox中的“firebug”来测试代码更改,而我只是找不到一种方法来完成这项工作。
该网页是http://www.crapcast.com,代码仅位于页面顶部,位于徽标下方。我将包括当前的CSS,它是以满足当前页面使用情况的方式进行格式化的(但是,对于一些较旧的浏览器和电话浏览器,它们往往显示为双排)。
#navigation {
float:left;
position:relative;
z-index:9999;
}
#navigation ul {
font-family:Impact,Charcoal,Times New Roman;
font-size:22px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#navigation li {
float:left;
position:relative;
}
#navigation li a {
float:left;
letter-spacing:2.45px;
padding:15px;
text-decoration:none;
}
#navigation .main_category {
background-position:center top;
background-repeat:no-repeat;
}
#navigation .active {
background-position:0 10px;
background-repeat:no-repeat;
}
#navigation li.current-menu-item, #navigation li.current-menu-ancestor, #navigation li.current-post-parent, #navigation li.current-menu-parent {
background-position:0 10px;
background-repeat:no-repeat;
}
#navigation ul li ul {
display:none;
left:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
position:absolute;
top:50px;
width:230px;
}
#navigation ul li ul li a {
padding:15px 0 15px 36px;
width:194px;
}
#navigation li a.odd {
background-position:18px 23px;
background-repeat:no-repeat;
text-transform:uppercase;
}
#navigation li a.even {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#212121 url(../images/navigation_dot.gif) no-repeat scroll 18px 23px;
}
#navigation li a.odd:hover, #navigation li a.even:hover {
background-position:18px 23px;
background-repeat:no-repeat;