Free since 2005 · No login required
AT

Academic Tutorials

Learn at your own pace

site-mobile-top-banner · 320x50

Basic HTML and CSS setup

Added 3 Mar 2009

The first thing we want to do is create a default, unscripted state for users without JavaScript. (We read Jeremy Keith's article from a few years back and are now big fans of unobtrusive DOM scripting, naturally.)

We already have a CSS-only method for rollovers, so let's begin by building our navigation to function with a basic CSS Sprites setup. And because we're lazy, we won't build the rollovers a second time, we'll just reuse this foundation later and add the jQuery on top of it. We'll get to that in a bit.