Using CSS to place a background image

D

Dreew

New Member
Hi there,

I'm in the process of developing a website and I would like to insert an image as a background image in the white area of the page...

Code: 
http://www.drewerickson.ca/jefferies/index.php

The image I would like to insert is:

Code: 
http://www.drewerickson.ca/jefferies/images/background.jpg

I tried using a <div> but it isn't working out. Here is my code from style.css:

Code: 
body {
	background: #FFFFFF url(images/img01.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	}

	div.backsplash {
	background: url(images/background.jpg);
	color: #ffffff;

And the header file looks like this...

Code: 
...<body>
<div class="backsplash"></div>
<div id="menu">
	<ul>
		<li class="first"><a href="index.php" class="homelink">Jefferies Squadron</a></li>
		<li><a href="corps.php" accesskey="2" title="">Corps</a></li>
		<li><a href="forums.php" accesskey="3" title="">Message Boards</a></li>
		<li><a href="resources.php" accesskey="4" title="">Resources</a></li>
		<li><a href="fun.php" accesskey="5" title="">Fun</a></li>
	</ul>
</div>
<hr style="display: none;" />
<div id="latest-post" class="post">
	<br />
	<h1 class="title"><?=$pageTitle;?></h1>

Does anyone have any suggestions?

Thanks
 
You must log in or register to reply here.
Top