Look at the three light blue divs in the image from the first post. They overlap the main content div on the right. Anyone know of a way to achieve this?
One way to think about this is to split it into all the necessary visual pieces to create the effect. When you think about it, there are only two pieces to this style:
1. The box containing the content. 2. The graphic that gives (1) an appearance of wrapping around the "main content".
Like Fourize said, this is just a matter of choosing the right colors and background images to create this style. You might choose any number of ways to accomplish this, here is one example:
I have been looking for a clean way to do one of these:
http://img706.imageshack.us/img706/3645/wraparound.jpg
Anyone have a good tutorial or some pointers on doing these "wrap around boxes" or what ever they are called.
thanks.
those are div's you're looking at, with background images and colours applied to them. they are basically the foundation of any website.
chris has done a video on css basics here... I haven't watched it myself so cant say how well he covers what you're looking for.
Best practice would be to have a go yourself and if you hit trouble or don't understand anything, post back in here. We'd be happy to help
Look at the three light blue divs in the image from the first post. They overlap the main content div on the right. Anyone know of a way to achieve this?
http://content.screencast.com/users/theleggett/folders/Snagit/media/b6577cc8-0dae-41b2-a180-ac65cfb2084a/05.04.2011-19.26.13.png
One way to think about this is to split it into all the necessary visual pieces to create the effect. When you think about it, there are only two pieces to this style:
1. The box containing the content.
2. The graphic that gives (1) an appearance of wrapping around the "main content".
Like Fourize said, this is just a matter of choosing the right colors and background images to create this style. You might choose any number of ways to accomplish this, here is one example:
http://theleggett.com/explanations/wraparound/
This should be what your looking for...