Styling lists

you haven't zeroed the

Posted: Sat, 2008-10-11 15:34

you haven't zeroed the margin or padding. By default browsers use one or the other to indent lists.

I dunno who else doesn't

Posted: Sat, 2008-10-11 16:57

I dunno who else doesn't inherit, however there is a way to zero everyone: The universal reset.

* {
margin: 0;
padding: 0;
}

The thing to be careful about this is, it also strips padding from form controls, and as browsers are picky about forms, some don't let you add the padding back (and your forms will looks goofy stoopid in them like Opera). Also the submit buttons don't have the same focus or active states for some reason.

These are small issues but they can be important re accesssibility with forms for some users. When I have forms on a site, then I keep the margin in the universal reset, and then list all my blocks that are on that site to remove the padding. I think this is bloaty to the max but browsers don't currently support the "except" (not) CSS3 stuff : (

There're all sorts of weird

Posted: Sat, 2008-10-11 17:09

There're all sorts of weird stuff out there! Just wait til you see stuff like this in everyday webpages:

a[href*="wikipedia"] {
do some funky stuff;
}

Any link which has the word "wikipedia" anywhere in the href gets that funky style. All other anchors don't get it. It doesn't matter where in the url the work "wikipedia" is.

Of course, this doesn't work with IE6 : )