0

由于某种原因，我的导航列表不可点击（链接不起作用），并且无论我在#languagenav 类中键入的任何属性（即文本对齐：中心）它都不会显示任何结果。我究竟做错了什么？

网站链接：http: //bit.ly/VSSoul

HTML：

<div id="content">
        <div class="languagenav">
            <ul class="languagenav">
                <li>English - Spanish</li>
                <li><a href"./booksdictengger.html">English - German</a></li>
                <li><a href"./booksdictengfre.html">English - French</a></li>
            </ul>
        </div>
</div>

CSS：

.languagenav li {
    display: inline;
    margin-left: 1em;
    font-size: 15pt;
    font-family: 'Dosis', Arial, sans-serif;
    font-weight: 500;
    color: #25271e;
}

.languagenav a {
    color: #6d0839; 
    text-decoration: none;
}

#languagenav {
    width: 100%;
    text-align: center;
}

当我们在它的时候。对于每本书，文本相对于图像居中，如何使文本与图像顶部对齐？

4

3 回答 3

4

您缺少一个=. 没有这个，你有无效的 HTML。

<a href"./booksdictengger.html">

应该：

<a href="./booksdictengger.html">

关于中心对齐问题，您的 CSS 规则#languagenav应该是.languagenav

于 2012-11-07T13:38:40.157 回答
0

标签中没有等号a：<a href=".

于 2012-11-07T13:42:40.690 回答
-1

试试这样：

<div id="content">
    <div class="languagenav">
        <ul class="languagenav">
            <li>English - Spanish</li>
            <li><a href="/booksdictengger.html">English - German</a></li>
            <li><a href="/booksdictengfre.html">English - French</a></li>
        </ul>
    </div>
</div>

LE：锚的正确语法是：

<a href="#"></a>

不是：

<a href""></a>

你忘了等号。

于 2012-11-07T13:38:32.323 回答