I'm currently working on building a website and I've been trying to import an image to use as the header. I want to add this .png picture to my CSS file, but despite extensive research and double checking everything, I still can't figure out what's going wrong. The file path is correct, all spellings are accurate, I even tried adding ".." before the path with no success. This image will serve as a banner at the top of my site. Below is the code for my website which is still a work in progress:
HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Bludmon88-NAVBAR</title>
<link rel = "stylesheet" type = "text/css" href = "Styles.css">
<ul class = "navigation">
<li><a href = "index.html">Home</a>
<li><a href = "index.html">Home</a>
<li><a href = "index.html">Home</a>
<li><a href = "index.html">Home</a>
</ul>
</div>
<div class = "banner">
<div class = "title">
</div>
</div>
</head>
<body>
</body>
</html>
CSS:
.navigation a, li{
list-style:none;
display:inline-block;
float:left;
padding:3px 50px 1px 0px;
text-decoration:none;
font-size:20px;
}
.banner {
background-image: url('/F:/Bludmon88/Pics/Banner.png');
}
P.S I don't have extensive knowledge about HTML and CSS, just the basics. If you refer to other languages, I might not understand. Thanks for your help!