子主题没有正确显示页脚导航

时间:2012-06-09 19:48:53

标签: css navigation footer

我只是不明白。它在某一点上工作得很好,但不是没有用吗?我有一个页脚导航列表,我试图将它从我的本地服务器移动到Web服务器,但它现在没有做任何事情。无论我的风格是什么或如何,我称之为或我做的不起作用。我使用萤火虫来处理它,但我无法找到问题所在。

这是我的HTML

<div id="footerbottom">
    <ul class="foot-navigation">
        <li>Home</li>   
        <li>Home</li>   
        <li>Home</li>   
        <li>Home</li>   
        <li>Home</li>   
    </ul>

</div>

CSS

#footerbottom { width: 100%; height: 93px; background: url(../img/FOOTER-BG-bottom.jpg) repeat; background-color: #252525; color: #fff; margin-top: -30px; 
#footerbottom p { width: 600px; margin-left: 370px; height: 30px; font-size: 1em; line-height: 25px; color: #eee; margin-top: 40px; position: absolute;left: 50%; margin-left: -470px; }

.foot-navigation { width: 900px; height: 30px; text-transform: uppercase; font-size: 1em; letter-spacing: 1px; list-style:none;  position:relative; margin 10px auto; }
.foot-navigation li { float: left; margin-right: 15px; }
.foot-navigation li a { text-decoration: none; color: #fff; }
.foot-navigation li a:hover { color: #d80800; }

enter image description here

我从TwentyTen主题创建了一个儿童主题,到目前为止还没有任何麻烦。如果有人能帮助我,我会非常感激。我把头发拉出来试图解决这个问题。 The site is here如果你想看一下它。

2 个答案:

答案 0 :(得分:0)

你的foot-navigation没有任何风格。请检查一下,你的ul有foot-navigation课程,你从哪里获得.foot-navigation ul

答案 1 :(得分:0)

感谢您的帮助。我找到了一个我不想做的工作,但它有效,所以我会这样做。我只是将不能正常工作的样式插入到TwentyTen主题的style.css表中。这是它的唯一工作方式。我被教导我可以导入TwentyTen主题的所有文件,并使用我自己的样式表添加我自己的文件但是这个案例不起作用。