advice for complex background image?

[m3avrck]

i have a new design comp of a new layout for our website here:

http://www.washsq.com/layouyt01.jpg

i'm playing around with the XHTML/CSS but i'm not sure what is the
best and simplest method for cutting up that graphic of the cables... either displaying as some BG or even some absolutely placed <div> on top.

any thoughts for best way to tackle this? thanks!

[Egor]

Which background are you concerned about?

For the main bg, I'd tile it like this:

body {
background: url(image/bg.gif) repeat-x center;
}

Then, for your header, I'd use that image as a background on the wrapper itself.

[m3avrck]

Which background are you concerned about?

For the main bg, I'd tile it like this:

 body {
 background: url(image/bg.gif) repeat-x center;
 }

Then, for your header, I'd use that image as a background on the wrapper itself.

Sorry for the confusion on bgs. The main background, with the shadowed sides is easy enough with what you said (already had that).

Header is easy as a background image for <h1> replacement.

But those next to bars, that black bar and blue bar that have that image overlaid, what to do with those?

One idea I have now is to make the blue and black bars <div>s and chop that image in 3 pieces, one bg for each bar and then the other for the white content area. Seems to work.

But I'm sure there is a more elegant solution?

[m3avrck]

Well I've changed it back to what I originally had now:

http://www.washsq.com/beta/

But I can't get that paragraph to be ON TOP of the image, if I can get that I can get the rest of the layout no problem.

Any ideas??