CSS file not loading when using WAMP server

Question

WAMP server loading index.html just fine but not loading any additional css style sheets and script files.

I've tried these

<link rel="stylesheet" href="wamp/www/AngularJS_Practice/css/style.css"/>
<link rel="stylesheet" href="/css/style.css"/>
<link rel="stylesheet" href="css/style.css"/>

edit

My current index.html page is

<!DOCTYPE HTML>
<html lang='en'>
<head>

<title>Electronic Components</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="css/style.css">

</head>
<body>
<h2>Lorem Ipsum</h2>


</body>
</html>

edit 2 css

h2 {

color: orange;
font-style: italic;

 }

The file tree for the index file is C:\wamp\www\AngularJS_Practice\index.html and the file tree for the css file is C:\wamp\www\AngularJS_Practice\css\style.css — Brook Mesfin, Sep 06 '15 at 19:16
Your html file seems to be correct , css file may have a error , can you add style.css too ? — Golden_flash, Sep 06 '15 at 22:22
Just added the css file (its very short because I'm using WAMP for the first time) — Brook Mesfin, Sep 06 '15 at 22:33
The file seems to be correct , open developer's tool(ctrl+shift+i for chrome) and see the sources tab , do you see style.css over there ? — Golden_flash, Sep 06 '15 at 22:39
I see it there, along with the css folder the stylesheet is in — Brook Mesfin, Sep 07 '15 at 00:07

score 4 · Answer 1 · answered Nov 25 '16 at 20:35

4

Refresh your browser cache. Press 'Ctrl+F5' That'll do the trick.

answered Nov 25 '16 at 20:35

Muneeb

41
2

score 0 · Answer 2 · edited Sep 17 '21 at 11:21

0

This worked for me:

<link rel="stylesheet" href=".\style.css">

edited Sep 17 '21 at 11:21

ZygD

22,092
39
79
102

answered Sep 17 '21 at 11:05

Shivu

1

Golden_flash · Answer 3 · 2015-09-06T22:33:04.200

-1

You forgot to use type

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

Also note

 <link ....>  // this is right
 <link ..../> // avoid this

Your HTML file seems right , try making this small css file in css folder and link to it

body{background-color:blue;}

Test this

edited Sep 06 '15 at 22:33

answered Sep 06 '15 at 18:37

Golden_flash

492
1
6
14

Also remember that you have to link it in tag.If you have a folder css in your working directory that contains style.css then this should work fine. – Golden_flash Sep 06 '15 at 18:40
I tried adding type="text/css" but it the css still doesn't appear and yeah its in the head tag – Brook Mesfin Sep 06 '15 at 19:18
Also see the code you pasted it has which is not right check this in you index.html. It would be better if you would upload the code of index.html for better understanding. – Golden_flash Sep 06 '15 at 20:18
I just posted the index contents above – Brook Mesfin Sep 06 '15 at 22:00
`type` is optional. XHTML style self-closing tags are required in XHTML and allowed in HTML 5. – Quentin Sep 06 '15 at 22:44

score -1 · Answer 4 · answered Apr 06 '18 at 11:49

-1

I had a same issue and what worked for me is this

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

Enjoy

answered Apr 06 '18 at 11:49

Michael Sikora

1

score -1 · Answer 5 · answered Mar 09 '19 at 13:18

-1

select the full url from url bar and then press ENTER... It works! ;)

answered Mar 09 '19 at 13:18

Avirup

1
2

1

Welcome to Stack Overflow! To me it is unclear how this would solve the OP's question. Please expand and clarify the steps and why it works. – Mathyn Mar 09 '19 at 13:29
when you select the url and then prress ENTER the header information is resent to the server(whether that be your local server or remote one)...since new header information is resend to the server a new page is requested from the server and hence your page will be refreshed and everything will work... If this don't work then try restarting your servers...HOPE IT HELPS – Avirup Mar 10 '19 at 14:05

CSS file not loading when using WAMP server

5 Answers5