Articles

Update November 2020: I think the best possible technique for this is Method 4 in this article. The <div> (or whatever wrapper element) remains semantic and accessible, while being “clickable” over the whole area. It doesn’t break text selection and …

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 …

* {
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 …

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;
 

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 …