Creating a PHP Styleswitcher

One of the benefits of creating a CSS-rich website is that you can change how the website looks completely, simply by creating a new stylesheet. This means that you can skin your CSS-based website using multiple stylesheets, instead of the old route of creating separate header and footer include files. Once you’ve created your stylesheets […]

Create a Tableless (CSS) Layout

I bet you’ve heard the coding obsessed web designers getting their knickers in a twist about CSS layouts, yet you don’t know the first thing about them, right? Obviously that’s why you’re here! Well, providing you have a little CSS knowledge and know how to separate style from content, you should find this tutorial a […]

Creating an External Stylesheet

Creating an external stylesheet is easy. It’s just a matter of putting your CSS coding in a file with the right extension, and linking it from the head of your HTML document. Every stylesheet must have the “.css” extension. I am boring and tend to name my stylesheets “stylesheet.css” or “stylesheet-[colour].css” where [colour] is the […]

Vertical Semantic List-based CSS Navigation

A major part of web standards involves using mark-up (HTML or XHTML) for its intended purpose instead of purely to style pages. Part of this involves using lists to control navigation, because that’s exactly what navigation is — a list of links. Unfortunately, while some of us are customising unordered lists with CSS there are […]

Separating Style from Content

As web designers and webmasters all over the world move to update their code to bring it in line with standards and the ‘trend’ of validation, it is important that we follow one of the most important rules: removing style from content. This describes the process by which we remove presentational tags and attributes, as […]