Archive for February, 2010

Styling a Horizontal Navigation Menu with CSS

Sunday, February 28th, 2010

It’s true: Your navigation items are really a LIST. Bread, Milk, Sugar, Coffee, Home, Contact Us, About, Cheese, Tomatoes, Sitemap. See, it’s a LIST!! And it should be coded and styled like a list.

read more

2-Column, Center-aligned Fixed Width Layout with CSS

Saturday, February 27th, 2010

How to build a simple center-aligned fixed width two-column layout.

read more

How to Style Headings with CSS

Tuesday, February 23rd, 2010

Different browsers have different default styling for headings – the h1, h2, h3, etc. tags. However, with a little bit of CSS, we can style them any way we like.

read more

How to Style Links with CSS

Saturday, February 20th, 2010

Most browsers will show links by default in blue and visited links in purple. But with just a little bit of CSS, we can do better than that — MUCH better…

read more

CSS Shortcuts

Saturday, February 20th, 2010

Shortcuts are a good thing. They save time, gas, and make life easier. And who wouldn’t like things easier?

read more

Center-aligned Web Pages with CSS

Friday, February 19th, 2010

A website tends to look more balanced when it’s centered on the monitor, instead of clinging to the left side with lots of white space on the right. This looks even worse with increased resolution. And it’s not that folks will use that white space to make notes…..

read more

Making Web Pages Printable with CSS

Monday, February 15th, 2010

In 2003 I wrote an article on how to use CSS to make web pages printable. I figure that it made sense to include it here … the article:

One of the classic problems with how web pages are designed, is that they are horrible to print. Horrible in the sense that page elements (text, images, etc.) don’t line up and unwanted images and navigation links get printed.

I am as guilty as anyone of creating pages like that, but I am aiming to fix it for your websites and mine. While most other web designers will create separate ‘printable’ pages (big waste of time), we will only be making some simple additions to our pages to make them ‘print friendly’.

read more

CSS Text Alignment

Monday, February 15th, 2010

In this simple tip, I will show you how to align text on your webpage using the text align property with CSS.

read more

CSS Font Sizes

Sunday, February 14th, 2010

In this tip, you will learn how to specify a font’s size with CSS.

Being a practical nerd, I will not waste time talking about all the various methods for declaring font sizes with CSS … instead I will concentrate on the two widely used ways and then briefly explain the differences.

read more

CSS Font Color

Sunday, February 14th, 2010

In this ultra simple nerd-free CSS tip, I will show you how to change the color of your fonts with CSS.

read more