Hi Guys, first time poster here…
I have been looking for a clean way to do one of these:
Anyone have a good tutorial or some pointers on doing these “wrap around boxes” or what ever they are called.
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
My fault for being vague…
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?
There are absolutely multiple ways of doing this, but to start with a really basic example, let me direct your attention to this illustration:
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:
ha, theleggett, you’ve beaten me to the punch.
This should be what your looking for…
:) Two different solutions, good way to show that there is more than one answer.
You two rock, thanks.
Check out this tutorial. :)
If you want to get really fancy with it here is a Pure CSS3 example and article.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".