Webpage design query.

Dusk

Expert Member
Joined
Jul 4, 2007
Messages
1,521
Reaction score
55
Location
Cape Town
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
 
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;
}
 
Top
Sign up to the MyBroadband newsletter
X