Archive for the ‘CSS Misc’ Category

How to Style Fonts with CSS

Monday, March 15th, 2010

The FONT tag is dead. Long live CSS! Please help spread the word, too many people STILL have not gotten that memo and merrily use their deprecated font tags (along with the table-based layouts and improper doctypes). But now we all know – no more excuses.

read more

Styling Different Links Differently with CSS

Sunday, March 7th, 2010

On a website, you often have different groups of links that may not all supposed to be looking the same. Usually, you’ll have navigation links and possibly some links within your content at a minimum. But how do you get your navigation links to look different than your content links and those different than your footer links?

read more

How to Add a Background Image with CSS

Thursday, March 4th, 2010

Background images, just as the name implies, are part of the BACKGROUND of a website, not part of the actual content. The most common place to add a background image to, is the entire canvas – aka the body tag.

read more

How to Delete Browser Default Settings in CSS

Tuesday, March 2nd, 2010

Every browser has its own default settings for font size, margins and/or padding around certain elements, etc. Webdesigners should aim to have their sites display well on all kinds of browsers, but these different default settings can easily lead to problems.

read more

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

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

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