need some help

[el shorty]

Hey all,

I need some help, a friend asked me to make a website, she gave me all the graphic stuff but doesn't know how to combine them into a site. The problem is she gave me the background of the side and the buttons on it need to be rollovers, after a while I finally managed to get the background of the site over the whole page on any resolution without repeating itself or anything. But now I can't get my buttons right. Is there anyway that I can make the buttons linked & rollover before I set the image as background over the page?

Here's the background with not working buttons:
http://img405.imageshack.us/img405/5541/venster2.gif

 

[synergy]

You're going to have to break out the images. For rollovers you need one image to display as the button and the other image to swap when floated over with the mouse. CSS can control all that.

 

[CrazeD]

<style type="text/css">
#nav ul {
	list-style:none;
	}

#nav ul a.home {
	background:url(home.gif) no-repeat;
	width:174px;
	height:29px;
	display:block;
	}

#nav ul a.home:hover {
	background:url(home_over.gif) no-repeat;
	}


</style>

<div id="nav">
  <ul>
    <li><a href="#" class="home"></a></li>
    <li><a href="#" class="home"></a></li>
    <li><a href="#" class="home"></a></li>
    <li><a href="#" class="home"></a></li>
    <li><a href="#" class="home"></a></li>

  </ul>
</div>

Since this is just a demo I only made one button (just so I could make sure it worked) and one class. You'll have to have two images for each link, one in a normal state and one in a hover state. Then you'll have to make a CSS class for each link, like I did with home.