Hi ive tried searching but cant find anything close to this.

Im using css to create a tableless design but id like to try something i have tried before.

I want to have a layout similar to the atatched jpeg (the red lines are where it over laps into the main content area).

Which is basically a left meny and a header joined together with an 'overlap' across the main content area.

basically a curve joining the two together. I have no experience in this.
Do i create one big image and split it into 3 parts and try and use css code to align them up? Or can i do it with 2 images? And if so what sort of code do i use to make them align perfectly? or is there an easier way?

Cheers for any help and apologises for the poor quality imgae it was only a quick sketch.

What you have asked can be surely done in several ways. One (sophisticated) way is that worked out by "the CSS expert" Eric Meyer on his Curvelicious (http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html) article

cheers i think thats how i want to do it. Do you know of a more indepth tutorial? Thats goes into it in detail?

Originally posted by Brywright
Do you know of a more indepth tutorial?
Sorry, at this moment I don't know other tutorials like that I showed.
However, Meyer's example is very easy to apply!