Webpage design - is this possible?

[Attleborough]

I'm stuck.

I'm fed up with boxes on my web pages and want to do something different. Need to avoid Flash though as I haven't a clue there.

Here's the idea.

There's a tutorial using Fireworks and Dreamweaver here (neither of which I have) could this be done another way - I have access to Frontpage & Expression Web.

I want to design a page where the side menu and title blend together via curve as in blue area of the picture above. The content will be in the white area and if possible, the white area should be able to scroll below the blue area?

I can achieve the effect with oblongs using frames but not the curve - is an overlay possible?

As I said above, I'm stuck so does anyone know a way?

If you've seen a site that does this can you let me have the URL so I can take a look and maybe reverse engineer.

Cheers

A.

 

[gwigglesworth]

Yes its very possible - but the easiest way to do it is to use a CSS and some images... hope that points you in the correct direction...

 

[Attleborough]

Yes its very possible - but the easiest way to do it is to use a CSS and some images... hope that points you in the correct direction...

Thanks - you couldn't give me a firmer nudge in the right direction perhaps by way of an example?

 

[gwigglesworth]

Try something like:
http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

Lots of examples...

 

[robroy]

Don't think that was quite what he was after - I think he wants a frameset-effect with a curve at the top left of the scrolling frame.

Firstly, stay away from framesets - they are the spawn of the devil and to be avoided for usability, bookmarkability and searchability reasons.

Put your content in a content Div - use a fixed height and the scroll-y attribute in CSS to make it scrollable, and add another div with just the corner bit and a transparent bottom-right corner so the content will show through. Pin that corner div over the top left of the content div using absolute positioning and left:0, top: 0.

Will look like a frameset, but will still work well in old browsers or when the Google spider comes crawling by.

Easy

 

[Attleborough]

Don't think that was quite what he was after - I think he wants a frameset-effect with a curve at the top left of the scrolling frame.

Firstly, stay away from framesets - they are the spawn of the devil and to be avoided for usability, bookmarkability and searchability reasons.

Put your content in a content Div - use a fixed height and the scroll-y attribute in CSS to make it scrollable, and add another div with just the corner bit and a transparent bottom-right corner so the content will show through. Pin that corner div over the top left of the content div using absolute positioning and left:0, top: 0.

Will look like a frameset, but will still work well in old browsers or when the Google spider comes crawling by.

Easy

Huh?

I bow to your higher knowledge but can you make a me an example to work from, please?

A.