CODEWITHSUNDEEP
htmlcsshtml-lists
user1736049
user1736049

Reputation: 366

html-list links doesn't work

For some reason my nav list is not clickable (links won't work), and whichever properties I type into the #languagenav class (i.e. text-align: center) it doesn't show any result. What am I doing wrong?

Link to site: 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;
}

Also while we're at it. For each book the text centers relative to the image, how do I make the text align to the top of the image?

Upvotes: 0

Views: 1306

Answers (3)

Mateusz
Mateusz

Reputation: 2317

You don't have an equals sign in the a tag: <a href=".

Upvotes: 0

Curtis
Curtis

Reputation: 103428

You are missing a =. Without this you have invalid HTML.

<a href"./booksdictengger.html">

Should be:

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

Regarding the center alignment issue, your CSS rule is #languagenav when it should be .languagenav

Upvotes: 4

sticksu
sticksu

Reputation: 3738

Try it like this:

<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 : The correct syntax for an anchor is:

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

not:

<a href""></a>

You forgot the equal sign.

Upvotes: -1

Related Questions