Tom Fotherby's Blog
My little place in cyberspace
  • Home
  • About Me
  • Me@work
  • Kix
  • My CV – Nov/08
  • Hundreds of Short Quotes
  • Archives

HTML

Web Design Tutorial – Centered area with drop shadow

By Tom Fotherby on November 13, 2009

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

Posted in Tutorial | Tagged CSS, HTML, TheGimp, WebDesign | 7 Responses

Clearing floats with pure CSS

By Tom Fotherby on August 10, 2009

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 […]

Posted in Web Design | Tagged CSS, HTML | Leave a response

Search

Archives

  • July 2021
  • April 2021
  • July 2017
  • July 2015
  • December 2012
  • June 2012
  • December 2011
  • September 2011
  • July 2011
  • February 2011

Tags