0

我已经查看了stackoverflow上的几个问题，但仍然没有找到答案......谷歌搜索也没有用......

这是我的CSS：

#nav {
    text-align:center;
    display: block;
    background-image: url(lines.png);
    background-repeat: repeat-x;
    font-family: Gabrielle;
    text-decoration: none;
}

最常见的问题是文件是否在正确的文件夹中——我向你保证是的。这个网站没有上线，到目前为止我只使用本地文件。

这是随附的 HTML：

<div id="nav">
 <ul>
    <li><a href="kitchen.html">Kitchen &amp; Bath</a></li>
    <li><img src="nav-bullet.png"></li>
    <li><a href="interior.html">Interior Design</a></li>
    <li><img src="nav-bullet.png"></li>
    <li><a href="graphic.html">Graphic Design</a></li>
    <li><img src="nav-bullet.png"></li>
    <li><a href="cad.html">Auto CAD</a></li>
    <li><img src="nav-bullet.png"></li>
    <li><a href="modeling.html">3D Modeling</a></li>
</ul>

以防万一有帮助。

我正在尝试在导航的两侧制作“重音线”，但我不确定我是否以正确的方式进行。这是一个“启发”我的网站的链接......你会看到他们导航的两边都有优雅的小线条。这些就是我想要创造的。

http://www.tinkeringmonkey.com/

正如我所说，也许我走错了路。任何使现有代码工作的建议，或关于改进方法的建议将不胜感激。

4

2 回答 2

1

您必须为 指定高度nav。指定行高也是一个好主意，以便其中的文本ul垂直居中。

#nav {
    text-align:center;
    display: block;
    background-image: url(lines.png);
    background-repeat: repeat-x;
    font-family: Gabrielle;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}
于 2012-08-09T22:30:04.607 回答
0

尝试在#nav 中添加高度和宽度，并为背景图像添加引号：url()

#nav {
text-align:center;
display: block;
background-image: url('./lines.png');
background-repeat: repeat-x;
font-family: Gabrielle;
text-decoration: none;
}

还要仔细检查文件名/类型和文件位置。如果在与您的 html 文件相同的文件夹中有一个名为“lines.png”的文件，上述解决方案应该可以工作。

于 2012-08-09T23:04:12.420 回答