Newbie -background won't show

[grant.cooper]

I am trying to create a body tag in CSS. I can get it to work within the page but when I link to the CSS page I get nothing. The text formats are correct. How can I do this?


BODY { color: black;
background: url(template.jpg);
font-family: times, "times new roman", symbol, serif;
}

[Chuckie]

Try using this link in the head of the document

<style type="text/css" media="all">@import "index.css";</style>

you also might want to check on the font families, I think you have some of them wrong.

Chuck

[xhtmlcoder]

I'd suggest something on the lines of the following:

<link href="yourcssfile.css" rel="stylesheet" type="text/css" />

Also double check that your directories are correct for both the image and the CSS and you have named and saved your CSS file with the *.css extension.

[randem]

the url() function (is it a function?) operates on a URI relative to the document containing it.

For instance, if you have "url(template.jpg)" in an inline CSS within a document named "/index.html", it will look for a file at "/template.jpg".

However, if you have "url(template.jpg)" within a CSS file at "/css/main.css", the browser is going to look for the image at "/css/template.jpg".

The solution is to either use absolute URIs, or else make sure to add a bunch of "../" as necessary in front of the filename.

[Chuckie]

Originally posted by randem
the url() function (is it a function?) operates on a URI relative to the document containing it.

For instance, if you have "url(template.jpg)" in an inline CSS within a document named "/index.html", it will look for a file at "/template.jpg".

However, if you have "url(template.jpg)" within a CSS file at "/css/main.css", the browser is going to look for the image at "/css/template.jpg".

The solution is to either use absolute URIs, or else make sure to add a bunch of "../" as necessary in front of the filename.

I didn't know that ..