Why isn't CSS being ran on HTML file?

Question

Working on a project and I currently have this:

<!DOCTYPE html>
  <html>
    <head>
       <title>Jams</title>
       <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Open+Sans:400,800,600,700,300">
       <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
       <link rel="stylesheet" type="text/css" href="styles/normalize.css/normalize.css">
       <link rel="stylesheet" type="text/css" href="styles/main.css">
    </head>

My directory is

jams  
|---- musicplayer[index.html]  
|---- styles  
|     |---- main.css  
|     |---- normalize.css(folder)  
|     |     |---- normalize.css(file)

Sorry if the directory might seem confusing but it mainly states that jams is the parent folder and the rest of the folder are inside, with the brackets being the files inside the folders. The only exception is normalize.css where that's a folder inside of styles, and inside of the normalize.css folder is a normalize.css file.

Have you tried prepending a / meaning relative to the website root? — user6516765
– user6516765, Commented Feb 4, 2017 at 8:50
The code you have should work fine based on your description of the structure. Use the developer tools in your browser. Check the console for errors. Check the Network tab to see what the request actually got back (e.g. maybe you had a permissions error) — Quentin
– Quentin, Commented Feb 4, 2017 at 8:56

spencer.sm · Accepted Answer · 2017-02-04 09:55:41Z

1

In the inspector window, right click on the stylesheet link and select open in new tab

From there you will be able to see the full url of where the page was trying to pull your CSS from. That should give you a better idea of what you need to do to fix it.

Also, I would try adding ./ to the beginning of the href. i.e. href="./styles/main.css"

edited Feb 4, 2017 at 9:55

answered Feb 4, 2017 at 9:48

spencer.sm

20.8k10 gold badges86 silver badges98 bronze badges

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

Comments

s.k.Soni · Accepted Answer · 2017-02-04 15:13:43Z

1

edit the line

href="styles/normalize.css/normalize.css and href="styles/main.css

replace this two line with

href="./styles/normalize.css/normalize.css" and href="./styles/main.css"

answered Feb 4, 2017 at 15:13

s.k.Soni

1,4103 gold badges23 silver badges45 bronze badges

Collectives™ on Stack Overflow

Why isn't CSS being ran on HTML file?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related