Html file not linking to CSS file

Question

0.00/5 (No votes)

See more:

A very basic but big proplem , my html file is not showing css effects.
I have created project on desktop
The folder includes three files
1) images
2) index.html
3) css
css folder includes styles file

What I have tried:

<pre><!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="css/styles.css" />
	
    <title>Xyz/title>

</head>
<body>
<div class="container">
      <div class="navbar">
           <nav>
			     <ul>
				     <li><a href="">Home</a></li>
	                 <li><a href="">Products</a></li>
				     <li><a href="">contact us</a></li>
				  

					 
				 </ul>
	        </nav>
	</div>
</div>
</body>
</html>

styles.css file

.h1{
	text-align: center;
}

nav{
	flex:1;
	text-align:right;
}
nav ul li{
	list-style: none;
	display: inline-block;
	margin-right: 30px;
}

Posted 15-Sep-22 6:00am

Member 15768666

Updated 15-Sep-22 9:23am

Add a Solution

Comments

Richard MacCutchan 15-Sep-22 12:21pm

I just tried that with inline CSS and it works. Check that your CSS file is getting loaded.

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

raddevus · Answer 1 · 2022-09-15T09:23:00

Solution 1

You have:

HTML

<link rel="stylesheet" href="css/styles.css" />

Please try:

HTML

<link rel="stylesheet" href="./css/styles.css" />

Posted 15-Sep-22 9:23am

raddevus

Html file not linking to CSS file

1 solution

Solution 1

Add your solution here

Preview 0

Html file not linking to CSS file

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us