CSS layout

Resources / CSS layout

3 column layout

A site that shows how to achieve a 3 column layout with the main content (the middle) coming first in the source code.

http://www.positioniseverything.net/ordered-borders-center.html

Colored Boxes - one method of designing CSS layouts.

Useful article about building a full CSS layout.

http://www.maxdesign.com.au/presentation/process/

CSS Boxes

Some nice layout experiments in css.

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

CSS layouts: step by step

The Challenge: Replicate WebRef's front page using CSS. The Solution: CSS and lots of iterations.

http://www.webreference.com/authoring/style/sheets/layout/advanced/

CSS Templates

A collection of handy CSS layout templates.

http://intensivstation.ch/css/template.php

Dead Center

This article shows you how to center objects vertically and horizontally using CSS only.

http://www.wpdfd.com/editorial/thebox/deadcentre4.html

Liquid layouts

A tutorial on achieving liquid layouts.

http://www.maxdesign.com.au/presentation/liquid/

Would you like to submit a resource?
Send it to info@stylegala.com.

back to the categories