HTML Declarations Screwing Up CSS

Has your CSS ever been acting funny on you, but it looks as if you’ve done everything perfectly? It just might be your HTML declarations that are screwing you up. Sometimes when you are just throwing together a little sample, …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Clean Up Your CSS

Cascading Style Sheets, at its root, is intended to separate the style of a webpage from the content. That makes sense for control reasons, but also for general code beautification. Just a little browsing through the CSS Zen Garden or …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

A Bulletproof Sticky Footer, Woohoo!

Footers on web pages are a great place to chuck copyright information, contact links, and quick navigational stuff. Visitors are trained to look to the bottom of pages to find these types of things, so why not help them out? …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

CSS Menu With Rollover Images

We just posted on the nastiness of javascript-based rollovers. We showed you the basics of how to do it with CSS instead, but now it’s time to put our money where our mouths are and provide a real example.

This …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

Reset all Margins & Padding

* {
margin: 0;
padding: 0;
}

This has become a very popular technique lately, and for good reason. It removes all default margin and padding for every object on the page, no holds barred, regardless of browser. This provides …

Avatar of Chris Coyier
Chris Coyier on (Updated on )

3 Styles for BIG Headers

Here are some simple styles you can use when you need a BIG header.

h1.test1 {
  font-family: Georgia, sans-serif;
  font-size: 5em;
  letter-spacing: -2px;
}

h1.test2 {
  font-family: "Trebuchet MS", sans-serif;
  font-size: 5em;
  letter-spacing: -2px;
  border-bottom: 2px solid black;
  text-transform: uppercase;
 
Avatar of Chris Coyier
Chris Coyier on (Updated on )

Header Text Image Replacement

So you know that search engines like Google, Yahoo, and MSN are primarily looking at the text content of your pages to index them and determine their relevancy to searches. You also know that using header tags like <h1> in …

Avatar of Chris Coyier
Chris Coyier on (Updated on )