How do I put a Background Image on a page?

[Stancy_McKatt]

I want to use Css to put a background image on a page. BUT I can't seem to get it to work.

The page is for : Http://spiderwebzetc.com/

I want everything to show up as is, just with a bacground Image,behind it.

Here's the part of the Css I'm haveing troble with.


body {
margin:0px;
padding:0px;
font-family:verdana, arial, helvetica, sans-serif;
background:#000000;
background-image: url("spweetc.GIF")
scrollbar-base-color:#ccccff;
scrollbar-arrow-color:#ceefbd;
scrollbar-DarkShadow-Color:#0099ff;
}

It's a external sheet if that makes any diffrence.

Thanks,
~Crys

[creole]

Ditch the quotes around the image path and you'll be in good shape:

body { margin: 0px; background: #ffffff url(../images/bg_mainpage.gif); }

[Stancy_McKatt]

Still dosen't work.. Here's the page that I'm testing this on.

http://spiderwebzetc.com/testing.html

The CSS:

http://spiderwebzetc.com/test.css

The problem's probably a typo somewhere, *sighs* I don't know.

[creole]

Actually, I believe it's a combination of things. You're using an HTML 3.2 doctype with an @import CSS method. I don't know if those two are compatible.

Ditch the doctype temporarily then change this line in your code from:
<style type="text/css"> @import url("test.css"); </style>

to this:
<link rel="stylesheet" href="test.css">

See what that does.

[Stancy_McKatt]

Bingo, that solved the problem.


Thanks a bunch!
~Crys

[creole]

Glad I could help. You've got a good editor in Arachnophilia by the way. That's what I started on.