导航并没有拿起CSS

时间:2013-05-31 06:04:42

标签: html css tumblr

我一直试图整夜下载CSS菜单,出于某种原因,无论我如何搞乱编码,我的导航标签都没有拿起CSS。

以下是网站:http://nellyswritingroom.tumblr.com/

CSS:

#nav {
    width: 100%;
    float: left;
    margin: 0 0 1em 0;
    padding: 0;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;  }
#nav ul {
    list-style: none;
    width: 800px;
    margin: 0 auto;
    padding: 0; }
#nav li {
    float: left; }
#nav li a {
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-weight: bold;
    color: #069;
    border-right: 1px solid #ccc; }
#nav li:first-child a {
    border-left: 1px solid #ccc; }
#nav li a:hover {
    color: #c00;
    background-color: #fff; }

HTML:

<div id="nav">
    <ul>
        <li><a href="{text:Nav Link 1}">{text:Link 1 Name}</a></li>
        <li><a href="{text:Nav Link 2}">{text:Link 2 Name}</a></li>
        <li><a href="{text:Nav Link 3}">{text:Link 3 Name}</a></li>
        <li><a href="{text:Nav Link 4}">{text:Link 4 Name}</a></li>
        <li><a href="{text:Nav Link 5}">{text:Link 5 Name}</a></li>
        <li><a href="{text:Nav Link 6}">{text:Link 6 Name}</a></li>
    </ul>
</div>

我尝试了几种不同的方法来设置导航,例如使用html nav标签和样式......但它并没有改变任何东西。 CSS由于某种原因没有到达HTML,这很奇怪,因为CSS在页面的其余部分工作正常。

我确信这是我忽略的东西,但任何帮助都会非常感激!

1 个答案:

答案 0 :(得分:1)

这是你在'newstyle.css'中的问题

header#top h1{
    position:relative;
    width:500px;
    height:285px;
    overflow:hidden;
    float:left;
)

结束标记')'应该是'}'