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...
The image I would like to insert is:
I tried using a <div> but it isn't working out. Here is my code from style.css:
And the header file looks like this...
Does anyone have any suggestions?
Thanks
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