Monthly Archives: June 2011

CSS gradients and background images

Let’s say you have a web page with a solid pale blue background color with a background image positioned on top of it. body { background: #a5c9e5 url(img.png) no-repeat 50% 300px; } And this is the result: See example 1 … Continue reading

Nudging elements with position: relative

I find that most people are familiar with using position: relative; on a containing element so that its descendent can be absolutely positioned relative to that element. So to get this effect: The positioning rules would look something like this: … Continue reading