Linking CSS with HTML ..something simple

Question

I'm using a Mac and using textedit to create a website the old fashion way. I have a HTML file and a CSS file. I cannot link the CSS with the HTML. Here is the code for my files:

HTML:

<!DOCTYPE html>
<html>
   <head>
       <link rel=“stylesheet” href=“style.css” type="text/css" media="screen">

       <title>William’s Physics Webpage</title>
   </head>

   <body>

     <div class = “nav”>
       <div class = “container”>
         <ul>
           <li> About Me </li>
           <li> Why Physics? </li>
           <li> Great Thinkers </li>
           <li> Guest Page </li>
         </ul>
       </div>
     </div>

   </body>

</html>

Here is my CSS code:

body {
    background-color:blue;
}

.nav ul {
   display:inline;
}

As you can see, the back ground is supposed to be blue due to the CSS code, but it's not. The file name for my html file is main.html while the name of my css file is style.css

Please help me link the css code to my html code. Thank you. — William Li
– William Li, Commented Sep 25, 2014 at 4:56
Your CSS file must be called style.css and it must also be in the same directory as the html file in question. — marblewraith
– marblewraith, Commented Sep 25, 2014 at 4:59
The double quotes you are using is not right “ NOT THIS ” . Use " THIS IS RIGHT " — Deepak Kamat
– Deepak Kamat, Commented Sep 25, 2014 at 5:08
Wait, Deepak, I don't understand what you just said. Can you clarify? — William Li
– William Li, Commented Sep 25, 2014 at 8:55

Vitorino fernandes · Accepted Answer · 2014-09-25 05:01:31Z

3

use proper " for style linking they are wrong "

<link rel="stylesheet" href="style.css" type="text/css" media="screen">

answered Sep 25, 2014 at 5:01

Vitorino fernandes

16k3 gold badges25 silver badges41 bronze badges

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

Comments

Veer Singh · Accepted Answer · 2014-09-25 05:00:44Z

0

If both of the files are in the same file directory, your code should work, unless you are trying to run it online.

Make sure to put the correct path to the file.

answered Sep 25, 2014 at 5:00

Veer Singh

9634 gold badges11 silver badges26 bronze badges

Comments

Florin Pop · Accepted Answer · 2014-09-25 05:03:07Z

0

Look like media="screen" gives me some error, try media="print" or not use media at all like this:

 <link rel="stylesheet" href="style.css" type="text/css">

Or the problem is that you used “ instead of " because you copied from somewhere and it pasted wrong. Try it out.

answered Sep 25, 2014 at 5:03

Florin Pop

5,1454 gold badges29 silver badges60 bronze badges

Comments

Adarsh Gowda K R · Accepted Answer · 2014-09-25 05:04:54Z

0

Please check the file path .. If your html and css file reside at same level means it should work fine.. or else if you have placed the css file inside css folder or some folder means.. your code would be like this

 <head>
       <link rel="stylesheet" href="flodername/style.css" type="text/css" media="screen">
</head>

answered Sep 25, 2014 at 5:04

Adarsh Gowda K R

9618 silver badges15 bronze badges

Collectives™ on Stack Overflow

Linking CSS with HTML ..something simple

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related