External CSS Tag Not Working

[Triswit]

I'm working on a site for a class in which we were told to use an external reference for css. Most of the css commands carry over, but all the body commands don't. My css file is below:

<style type="text/css">

body
{
font-family:"Courier New", Courier, monospace;
background-image: url(file:///H:/web/background);
}
h1
{
background-color: #FFFFFF;
color:black;
border-style:groove;
border-width:thick;
text-align:center;
}
p
{
background-color: #FFFFFF;
border-style:groove;
border-width:5px;
text-align:left;
}

The html command that references that file is as follows:

<link rel="stylesheet" type="text/css" href="file:///H:/web/csstest.css" />

I have checked the pathways for the background image and css file. Does anyone have an idea as to what's going on?

[tracknut]

That background image is actually named "background" ?? No suffix like ".jpg" or anything?

Dave

[fredrikrob]

Originally Posted by tracknut

That background image is actually named "background" ?? No suffix like ".jpg" or anything?

Dave

yes i am agree with Tracknut that the backgound should have suffix. You must put the right path to the exact file. And would be better if you put short path and put the image file in the same folder where the css and main home file reside. Then path will be like (./image/imagename.jpg). This one is the best way and less chance are to have mistake in codding.

[Triswit]

I opened the background file in firefox and that was the pathway. If I open it with a suffix, such as .jpg or .jpeg, the link is broken.