Explore the Articles

Working with CSS Background Images – Part 1: An Overview

In this series of articles, [I] will review working with background images and cascading style sheets (CSS). Background images and their usage is a wide subject. In this series, [I] will start at the beginning. No prior knowledge is assumed and none will be needed.

[I'll] start off this series by looking at some simple syntax. From there, you will see how you can use keywords to control your background images and the manner in which they are displayed.

Read More

Malarkey Image Replacement (MIR)

Image replacement is a topic which keeps reappearing on websites and in books. There are whole sections devoted to the pros and cons of each method in books such as Web Standards Solutions and The Zen of CSS Design.

Personally, [my] preferred image replacement method is Phark as it requires no additional s. But Phark is known to cause scrollbar issues in certain browsers and breaks in IE5 and of course 'breaks' in the rare CSS on, images off scenario.

Read More

CSS tips and tricks, Part 2

In this part I’ll be giving you some tips on grouping selectors, clearing floats, horizontal centring, importing CSS, and a couple of troubleshooting tips. If you think something is missing, check part one in case it’s been covered there.

Read More

CSS tips and tricks, Part 1

Since I’ve been using CSS extensively for a couple of years I’ve picked up some tricks that either make the CSS more efficient or solve a specific problem. I’d like to share my favourite CSS tricks and explain some of the most common beginner’s mistakes (of which I’ve made several). If you’re experienced with CSS you’ll have seen most of these tips and tricks before, but who knows – maybe you can find one or two you haven’t seen before.

Read More

Simple Clearing of Floats

The problem: One of the simplest and most common layout structures involves the placing of a small, set-width DIV -- perhaps navigation, a quote or a bio -- within a larger wrapping DIV that contains the remaining content.

Read More

Setting the current menu state with CSS

Ever wondered how you can use CSS to set the current state for a menu bar? This article at 456 Berea Street has a nice simple answer for you! Read More

A simple introduction to 3 column layouts

HTML semantics are often the subject of heavy debate, this blog offers an excellent introduction to setting up a 3 column layout using pure CSS. Read More

Applying CSS to forms

Learn how to lay out and format your forms with the power of CSS. Read More

CSS Gradient Background

In this tutorial I'll show you how to create a CSS gradient background.

Advertisement Sliding Billboard

Discover the power of interactive presentations – the Sliding Billboard ! Organize your work greatly in a virtual book, which auto scrolls and enables your users to slide from page to page or chapter to chapter naturally. You can present any type of work this way: your portfolio, photo albums, products index, web shop, ads and much more. Choose from the 13 cool CSS designs included, so your billboard always looks great and suites your site perfectly.

Get Sliding Billboard

 

Read More

CSS: How to make links not underlined..

This is a simple tutorial that shows you how to remove underlines and add mouse over colors to links using Dreamweaver MX and CSS. Read More