-
36: CSS static and relative positioning
By Tommy Olsson · Friday, September 26, 2008 2
Positioning is often regarded as one of the more complicated CSS topics you will need to master, but never fear - Tommy Olsson is here to demystify this area of study. Through this article you will learn that static positioning is just the default you have been familiar with all along, become familiar with block and inline box layout, and create layouts with relative positioning. Read more…
-
35: Floats and clearing
By Tommy Olsson · Friday, September 26, 2008 4
Floats were originally created to allow you to float text beside images, and clearing serves as a way to get subsequent paragraphs to stop floating, if desired. However, these properties have been hijacked somewhat, and are now often used to create multiple column layouts. All of this is discussed in this article. Read more…
-
34: Form design, layout, and presentation with CSS
By Ben Henick · Friday, September 26, 2008 7
In this long-awaited article, Ben Henick rounds off the CSS core section of the web standards curriculum with a very detailed, thorough treatment of styling forms with CSS. New form elements are introduced, and design and layout are dealt with using techniques such as grid design and the rule of thirds. Read more…
-
33: Styling tables
By Ben Buchanan · Friday, September 26, 2008 29
Styling tables is the subject of this article, covering aligning text, sensible usage of borders and padding, Internet Explorer fixes, Zebra striping, uneven columns, and more. Read more…
-
32: Styling lists and links
By Ben Buchanan · Friday, September 26, 2008 2
In this article Ben Buchanan looks at how you should style lists and links with CSS, including discussion of using custom bullets, faux columns, styling different link states and more, with multiple examples. Read more…
-
31: CSS background images
By Nicole Sullivan · Friday, September 26, 2008 15
CSS allows you to attach background images to elements, and this feature has become one of the most important things in any web designer's toolbox. In this article, Nicole Sullivan takes you through modern best practice usage of CSS background images, including CSS sprites and more. Read more…
-
30: The CSS layout model - boxes, borders, margins, padding
By Ben Henick · Friday, September 26, 2008 33
Another fairly complicated - but fundamental - area of CSS is the layout model. How do different elements stack on top of one another? How does padding, margin, etc. affect the space between different elements? What about border, width, height? In this article Ben Henick sheds light on all these topics. The box model is explained here. Read more…
-
28: Inheritance and Cascade
By Tommy Olsson · Friday, September 26, 2008 9
Inheritance and cascade are two of the most important concepts in CSS. The former relates to how child elements inherit styles form their parents, and the latter defines how CSS rules are applied to a document, and how conflicting rules do or don't overwrite one another. In this article, Tommy Olsson explores these concepts in detail. Read more…