div#inset, the bordered brown monstrosity over on the left. i noticed earlier that this site has been (miraculously) receiving 15-20 unique hits per day, most of them from people i don't know, so i figured an explanation was in order. if you're already enlightened, i'll clue you in: this site is hideously ugly in internet explorer, thanks to microsoft's blatant disregard for web standards of any kind. the color blocks in the background are gone (it's all green instead--might change that to blue or something), the side blocks don't auto-size height, the main block isn't formatted correctly, etc. so i added the inset, just to let *cough* internet explorer users know that i am, in fact, a middlingly competent designer. just consider this my belated contribution to the browser upgrade campaign.
eventually, i'll convince blogger that php exists on my server, and only have ie users see the inset.
incidentally, here's a css tip i picked up in my insetting efforts. i'm posting it here because i looked all over for it and didn't find it, and wasted much sleeping time. anyway. the techno-inclined among you may have noticed that my links are bordered on the bottom, not text-underlined. because that property applies to all links in general, it'll border-bottom anything between the
<a></a> tags. so if your link is, in fact, an image, you'll end up with this 1px border beneath it. less than ideal, no? so you think, hmm, that shouldn't be there and you go in and make all the img tags that are descendants of a tags have no borders.
but alas! it doesn't work! *banging head on keyboard*
punchline: the border property applies to the link, not the image. so to change it, you have to change the link, not the image! my solution: give the link tags an
img class if i'm using an image, and then add a.img { border-bottom: none; } to my stylesheet. problem solved.