Accessible Header Images With CSS And XHTML

Before CSS, images were always put into Web pages with image tags. We gave them alternate alt text so they still made sense when images were turned off – it was the only way. Today, we have Cascading Style Sheets. Using CSS to add images to Web pages has been called a "vital cornerstone of all future Web design". It gives us new power to control the presentation not just of basic styles like borders, but all the images across a whole site. Fahrner Image Replacement FIR was the first widespread method of doing this, and remains the most well known. But it isn't perfect. Today I'll show you two methods that overcome its problems.

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Shorthand Guide

Ok. Let’s set the record straight. There is no official guide for each and every CSS shorthand property value. So let’s work together and put one together. Anytime I’ve ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you’re supposed to be set on your way. Over the years, I’ve found quite some interesting unknown quirky facts about these shorthands… hence this Guide was born…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Internet Explorer and the CSS box model

One of the differences between Internet Explorer and standards compliant Web browsers that cause a lot of trouble for CSS beginners is the CSS box model. Since the box model is what browsers use to calculate an element’s total width and height, it is quite understandable that different browsers producing different results can be both confusing and frustrating…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Divitis: What it is and How to Avoid it

When they start designing with CSS instead of tables, many web designers fall into the same trap. Instead of putting tables around everything on a page, they use divs instead. The underlying design practices remain largely unchanged. This article will explain the problems with these habits and propose some practical solutions…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

10 Examples of Beautiful CSS Typography and how they did it

Lately I have been very interested in how far we can take Typography only using CSS. Sure you can use images or sIFR to produce some very beautiful typography, but there is something unique and special about using only CSS. It is incredibly useful too, if you know the extent you can take CSS you end up with much more flexible websites— especially ones driven by a CMS…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Faux Columns – Equal height columns with CSS

“How do you get the right column’s background color to extend all the way down the page?”

It’s a simple concept. One that many of you may already be familiar with. But for those who aren’t, the following technique can be a handy little trick…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)