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
– Brook Mesfin, Commented Sep 6, 2015 at 19:16
it is preferred to write <!DOCTYPE html> , also UTF-8(uppercase) — Golden_flash
– Golden_flash, Commented Sep 6, 2015 at 22:16
Your html file seems to be correct , css file may have a error , can you add style.css too ? — Golden_flash
– Golden_flash, Commented Sep 6, 2015 at 22:22
Just added the css file (its very short because I'm using WAMP for the first time) — Brook Mesfin
– Brook Mesfin, Commented Sep 6, 2015 at 22:33

Muneeb · Accepted Answer · 2016-11-25 20:35:49Z

4

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

answered Nov 25, 2016 at 20:35

Muneeb

412 bronze badges

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

Comments

ZygD · Accepted Answer · 2021-09-17 11:21:32Z

0

This worked for me:

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

edited Sep 17, 2021 at 11:21

ZygD

24.8k41 gold badges107 silver badges144 bronze badges

answered Sep 17, 2021 at 11:05

Shivu

1

Comments

Golden_flash · Accepted Answer · 2015-09-06 22:33:04Z

-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 6, 2015 at 22:33

answered Sep 6, 2015 at 18:37

Golden_flash

4721 gold badge6 silver badges14 bronze badges

5 Comments

Golden_flash Over a year ago

Also remember that you have to link it in <head> tag.If you have a folder css in your working directory that contains style.css then this should work fine.

Brook Mesfin Over a year ago

I tried adding type="text/css" but it the css still doesn't appear and yeah its in the head tag

Golden_flash Over a year ago

Also see the code you pasted it has <link ..../> 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.

Brook Mesfin Over a year ago

I just posted the index contents above

Quentin Over a year ago

type is optional. XHTML style self-closing tags are required in XHTML and allowed in HTML 5.

Michael Sikora · Accepted Answer · 2018-04-06 11:49:22Z

-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 6, 2018 at 11:49

Michael Sikora

1

Comments

Avirup · Accepted Answer · 2019-03-09 13:18:31Z

-1

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

answered Mar 9, 2019 at 13:18

Avirup

12 bronze badges

2 Comments

Mathyn Over a year ago

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.

Avirup Over a year ago

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

Collectives™ on Stack Overflow

CSS file not loading when using WAMP server

5 Answers 5

Comments

Comments

5 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

5 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related