Web Design Tutorial – Centered area with drop shadow
In this tutorial we are going to create a very basic “blank canvas” webpage which has a central white cut-out with a drop shadow effect. Our “page” will be 960px wide, floated in the center of the browser window: Tutorial end product Click to enlarge Real-world example Click to enlarge
Clearing floats with pure CSS
Do you ever use <br style=’clear:both’ /> or <div style=’clear:both’></div> in your webdesign? If you do, stop now, there is a better way to prevent subsequent page elements being affected by the previous floating sections: Bad: Why is it bad? <br style=’clear:both’ /> is bad because it introduces a blank line when you actually only […]