Simple CSS
About this Template
Simple CSS has been designed by the CHouseLive team for the purpose of demonstrating how easy it is to create a two columned web page using CSS and HTML.
The template itself has been released under a creative commons 3.0 license which enables the user to download the template and use it for any purpose they so wish, provided that a link back to the CHouseLive website remains within the footer of the template.
All photographs used within this template are compliments of morgueFile.
Design Elements
Simple CSS incorporates the use of minimum HTML and CSS to achieve an asthetically pleasing web page. Navigate to the HTML and CSS pages to view the coding or alternatively download the template. The template can be used in programmes such as DreamWeaver and Expression Web, where it can easly be saved as a dynamic webpage template or you can use an HTML editor or even just notepad to edit the web page.
What is HTML and CSS?
If a webpage where a house, the HTML would provides the structure, including the bricks and foundations; while CSS represents the paint and other decorative elements of the house.
The Structure
Simple CSS is made of five distinct sections:
- Horizontal menu
- Header
- Left column
- Right column
- Footer
All five sections are enclosed in a wrapper which has then been centred.
The Paint
CSS has been used to style all elements of the page. While the page works in all browsers, modern browsers like Firefox, Opera and Safari will display rounded corners on images and blockquotes as well as subtle drop shadows on the main heading and wrapper. In older browsers and all versions of Internet Explorer these styles will be absent. As these styles simply enhance the design but are not essential the slight difference in rendering is not to be considered a flaw.