CODEWITHSUNDEEP
htmlcss
Vivek Padhye
Vivek Padhye

Reputation: 711

CSS stylesheet not loading

This is the most silliest question but I dont know why I can't find the problem! Below is the code but css file is not loading.

<!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="utf-8">
            <title>Title</title>
            <link rel="stylesheet" type="text/css" href="css/layout.css" />
        </head>
    <body>

        <section id="mainWrapper">
        <a href="#" class="btn btn-primary">Hello</a>
      </section>

    </body>

</html>

I checked the source in the browser, it cannot find the file specified! I tried to move file in the root and removed the folder name still the same. It is just the basic template that I was designing and I can't get CSS working!!! Check this image

Upvotes: 1

Views: 12015

Answers (4)

user16957049
user16957049

Reputation:

You can do it with specifying the path for it, if you are using windows : go to your css file and click on properties where you will find the path for your css file, just copy and paste it in the below code.

Now confirm that with the path you have added the name of your file. Sometimes the relative paths are not working, you would need the full path. So, above is the procedure.

<link rel="stylesheet" type="text/css" href="add your full path here" />

Note: must see the name of file is included in the path you have copied if not do write it by your own.

Upvotes: 0

Patience Mpofu
Patience Mpofu

Reputation: 473

Another tip would be to check that the element ids that the CSS file is using are the same as those outlined in your index.html. If they are different the CSS will not be applied.

Upvotes: 0

CoDINGinDARK
CoDINGinDARK

Reputation: 346

Check the file name,sometimes when you rename via PC it tends to add layout.css.txt change the file name to just .css.

Move the file to the root where you have you HTML don't create any sub-folders for time being.

Please mention if your trying to upload to a server or just practicing,so we can give you precise instructions.

Upvotes: 1

Muhammad Ali Hassan
Muhammad Ali Hassan

Reputation: 962

Try with full path

 <link rel="stylesheet" type="text/css" href="http://domainname/css/layout.css" />

Also make sure file is accessible.

Upvotes: 0

Related Questions