Webpage design query.

[Dusk]

Hi guys
Im a bit stuck at the moment on an idea i have (Im a noobie when it comes to designing )
Basically like in this pic i want to add text onto the orange to red background.
Now the thing is that the background is very small in its original state (to save bandwith ) about 50 x 25 pixels stretched to 800 width.
Now to do the actual stretch in dreamweaver is easy. However as far as I know you cannot add text (which ill change into links) ontop of an image.
How am i going to get this done ?

http://img254.imageshack.us/img254/203/linkbarexamplegp0.jpg

 

[hyperian]

You can use DHTML and define its position manually.

http://www.w3schools.com/dhtml/default.asp

 

[icyrus]

Style a container div with the gradient as a background image and add a ul in the container for the menu:

<div id="container">
<ul id="menu">
<li><a href="">Link 1</a></li>
<li><a href="">Link 2</a></li>
<li><a href="">Link 3</a></li>
<li><a href="">Link 4</a></li>
</ul>
</div>

And the css for the ul

#menu li {
display: inline;
padding-right: 1em;
}