Help with DIV background

[-LB-]

Hey,

Can you help me with something please?

Basically What I want is a DIV to have 3 parts to it. There's the 1st part which is the logo, 2nd part which is the background/gradient, 3rd bit which is the end of the background and has rounded corners.

You'll see what I mean when you go to http://www.satinsurf.com/flexbb/

Take a look here: http://www.imagedork.com/uploads/1/Capture2.PNG

You can see that the right side of the image cuts straight off whereas I want it to display this image at the end of it: http://satinsurf.com/flexbb/templates/default/images/h-3.gif just to neaten it up a bit.

Thanks and I hope someone can help me soon.


:tu:

 

[jhansen]

http://www.satinsurf.com/flame/ is a broken link.

Not exactly sure what else you're asking, just how to lay it out?

Personally, I would do the following, but I'm sure there is an easier way:

Create 3 divs..

div1 for your logo portion
div2 for the gradient/bg
div3 for the endcap

Set the size of each div to exactly the size of the images....
Use absolute positioning to place each div in the proper spot next to each other.

You could, alternatively, create a container div and use a different positioning method to arrange them within the container.

*Shrug*

Should be several ways to tackle it, not too bad.
http://www.w3schools.com/css/default.asp

-Justin

 

[-LB-]

Woopsies, link fixed and thanks for the tips =]

//Edit: Didn't work =[

Anyone have any suggestions as to what to do?

 

[jhansen]

Woopsies, link fixed and thanks for the tips =]

//Edit: Didn't work =[

Anyone have any suggestions as to what to do?

What didn't work?

Do you have a live example you could show?

 

[-LB-]

I don't actually think I did it right.

I'll post back here in about 20 mins or so to let you know how I got on,

Brilliant. =D

All sorted now. Thanks a bunch. :P

Check it out in the link above ^^^