HTML not linking with CSS properly

Question

So I have this HTML code and I ran it through an HTML validation site and it says that I didn't close the "head" section and as a result none of the CSS code I wrote is affecting the text on the page. The link to the CSS file is definitely the right path but I just can't figure out why the code isn't seeing that I closed the "head".

If it helps at all I'm using Dreamweaver CS6 to edit my code.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <link rel="stylesheet" type="text/css" href="Index_Stylesheet.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Index</title>
</head>

<body>

<!--navigation bar-->
 <div class="nav">

    <div class="name">
          <ul class="pull-left">
            <li><a href="#">ANDREW SHAPIRO</a></li>
      </ul>
    </div>

    <div class = "etc"> 
      <ul>
          <li><a href="#">About</a></li>
          <li><a href="#">News</a></li>
          <li><a href="#">Commercial</a></li>
          <li><a href="#">Listen</a></li>
          <li><a href="#">iTunes</a></li>
          <li><a href="#">Images</a></li>
          <li><a href="#">Store</a></li>
          <li><a href="#">Contact</a></li>
          <li><a href="#">Email List</a></li>
        </ul>
    </div>

</div>
</body>
</html>

Thank you for taking the time to read this!

What HTML validation you use? Your code is fine (W3C validator) and css also works. — Johncze
– Johncze, Commented Jan 7, 2015 at 19:29
Check the Google chrome console to check that your style sheet is being loaded — cheese12345
– cheese12345, Commented Jan 7, 2015 at 20:07

Zahid Saeed · Accepted Answer · 2015-01-07 21:58:43Z

1

First of all try to use the HTML5 document type declaration cause it's much easier to understand and makes your code more readable.
Secondly try to put<meta> tag at first, then put the <title> tag and then in last put your <link> tag

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Your Website Title</title>
    <link rel="stylesheet" href="Path to the stylesheet">
  </head>
  <body>
    <!--
      Your HTML code goes here...
    -->
  </body>
  
</html>

If it still not works, make sure that the file is in the correct path. Since you are using dreamweaver it's really easy to check whether the file has been linked or not. Once you link a css file with your document, it attaches itself with the source code file. If it does not show up, press the F5 key if your using computer or Fn + F5 if your using laptop to refresh the dreamweaver workspace.

enter image description here

Once the css file has been showed up, go ahead and click it, if it shows your code then you are ready to go! Otherwise if it shows this error then it means that your css has not been properly linked.

enter image description here

answered Jan 7, 2015 at 21:58

Zahid Saeed

1,1811 gold badge8 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rachel Katz Over a year ago

Hey thanks for responding!! But none of this is working. :( And when I go to make a new document I can't find an option for html5 for some reason. If it helps I'm using Dreamweaver6.

kschmit90 · Accepted Answer · 2015-01-07 19:13:12Z

0

Try removing the / from the link declaration and the meta declaration.

<link rel="stylesheet" type="text/css" href="Index_Stylesheet.css"> </link>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

OR

<link rel="stylesheet" type="text/css" href="Index_Stylesheet.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

See if that changes anything, hope it helps.

answered Jan 7, 2015 at 19:13

kschmit90

5382 gold badges4 silver badges13 bronze badges

Collectives™ on Stack Overflow

HTML not linking with CSS properly

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related