JeevesBond — Fri, 28 May 2004 12:36:25 +0000

Remember that fixed font sizes are evil (this is old but I'm sure you get the idea)! It also appears that you are using the wrong doctype declaration - have you thought of moving to XHTML? That's what this code appears to be

dk01 — Fri, 28 May 2004 08:17:02 +0000

Lol creative
-dk

fifeclub — Wed, 26 May 2004 14:07:45 +0000

lol nice example.

Suzanne — Wed, 26 May 2004 13:54:21 +0000

id is a unique identifier. class is a general identifier.

You can use them together, or stack classes. Using ID makes it accessible through the DOM for scripting and CSS control in a very specific and precise way.

So if you were CSS...

#mikesussman {
your dna
}

.male {
xy
}

.american {
born in USA
}

You would look like:

fifeclub — Wed, 26 May 2004 13:34:54 +0000

Hey that's a good link. Very informative. Thanks.

I should however say that even though I've seen it used all over the place on other sites, I never really knew what the deal was with id="x". What exactly does that do that class tags don't?

Suzanne — Wed, 26 May 2004 12:21:06 +0000

A few suggestions, but I don't have a definitive answer.

1. use lists instead of a pile of divs -- listamatic.com
2. use contextual css instead of tons of classes:

<div id="navmenu">

<ul>
    <li>This is a menu item</li> 
    <li><a href="/">Link 1</a></li> 
    <li><a href="/">Link 2</a></li> 
    <li><a href="/">Link 3</a></li> 
    <li><a href="/">Link 4</a></li> 
    <li><a href="/">Link 5</a></li> 
</ul>
</div>

and

#navmenu ul li a {
    background-color: #fff; 
    border-left: solid 2px #000; 
    border-right: solid 2px #000; 
    border-bottom: solid 2px #000; 
    padding: 2px; 
    width: 180px; 
    text-align: left;
    display: block;
    }

#navmenu ul li {
    background-color: #ff9999; 
    border: solid 2px #000000; 
    padding: 2px; 
    width: 180px; 
    text-align: left;
    }

That's just an example, and may not work as intended, lol, fair warning. But hopefully it gives you an idea.