CODEWITHSUNDEEP
htmlcsslocalhostwamp
Rolf
Rolf

Reputation: 1

CSS (selector) not working on a WAMP server (W10)

I was a lot of time busy, with learning HTML, and i decided to make wamp server. Everything whent OK and i started to code the HTML. But when i started to code te CSS the selector will not show in the webpage on my local domain(rolfweb.net:8080). But in localhost it shows all CSS correctly! Code:

<DOCTYPE html>
<html>
<head>
    <title> RolfWeb </title>

</head>
<body>
<link type="text/css" rel="stylesheet" href="/css/indexss.css"/>
    <nav>
        <ul>
            <li> Home </li>
            <li> Video's </li>
            <li> Games </li>
            <li> Contact en informatie </li>
            <li> Over mij </li>
        </ul>
    </nav>
    <p> Test </p>
    <footer>
    </footer>
</body>
</html>

And the CSS:

p {
    color: blue;
}
/* This is not working! */
nav ul {
    list-style-type: none;
    background-color: #3f875f;
    border: 3px solid #3a756c;
    text-align: center;
}

So it shows good on localhost but on rolfweb.net:8080 not.

PS: Sorry for my bad english i'm dutch :P

Upvotes: 0

Views: 81

Answers (1)

Nick_O
Nick_O

Reputation: 472

Move your css link within the head tags:-

<DOCTYPE html>
<html>
<head>
<title> RolfWeb </title>
<link type="text/css" rel="stylesheet" href="/css/indexss.css"/>
</head>
<body>
  <nav>
    <ul>
        <li> Home </li>
        <li> Video's </li>
        <li> Games </li>
        <li> Contact en informatie </li>
        <li> Over mij </li>
    </ul>
</nav>
<p> Test </p>
<footer>
</footer>

Upvotes: 2

Related Questions