/code/Other people's code used here...
September 3, 2003
..in case you wonder, some specific stuff done here and where I got it from. For reference, here's main .css file.
Yes, colored scrollbars, only seen in IE, best explanation is here. Now, we can argue MS did go the wrong route introducing those (some words on introducing new properties named "-newproperty" (like Moz introduced "-moz-outline", for browser GUI though) being the only way, and blah, agreed). But ain't they sweet ?! Ok, I'll retreat once more, the scrollbar on (right/bottom) side of whole browser window is arguable territory - owned by browser or site creator, hardly feel like being fundamentalistic about it, prolly owned by browser. But for <textarea>, a <div> with overflow, anything else, they should be mine! If you disagree, answer this. I've got my system colors set to what others consider a hellish shade of blue. Hurts their eyes, I just like it clear and bright. Then I come to your site with subtle arranged colors, am about to comment how much I like it, then my blue scrollbar from hell tells me I better leave your form... or it's that depressing dark grey Moz scrollbar, the ugly gradient thing in Opera, or whatever these and other browsers do in whatever platform. Also, CSS enables me to set padding inside the textarea. Space is good, /me uses that. Does that mean padding should be applied to top of scrollbar too ?! Ugly, and probably one of few things IE/Win handles good.
I figured it was over, though. I was aiming at xhtml 1.0 or 1.1 compliance, setting the correct doctype made IE6 stop displaying them. Reading about a lot of people still on IE5, I left them, and then I noticed they still worked for <textarea> and such in IE6. Cool, so I left them in. Even better, found - by way of kmr at VP - that you could add the values to the "html" part of .css file, instead of "body", IE6 applied them for whole window too.
Heh, here I applied them by importing a seperate stylesheet. That's fooling myself, I know, cause I'm still using "invalid" code, but it felt good to have a validating main .css file for once...
Anyway, when in IE, I just invaded your browser window...
As posted on numerous blogs lately, the mouseover trick by Petr Stanicek is simple and great. Preloaded images for the :hover, because there's only one image, no javascript needed, and just some easy lines in .css. No need to explain here, click that link.
The links having this this styled line image before them, it's nothing more than a general padding-left defined for "a", 'background-image: url(*) top left no-repeat'. I recall reading about it more than a year ago. There were some disadvantages, occasions it didn't work, now I can't find those anymore ?! Really needed it here, because manually applying (or, let gm insert it) the <img> tag breaks the flow of a paragraph when a specific percentage for line-height is set.
It took the listamatic to finally make me see the solution. I have been using ul {for a while, always annoyed by how my custom bullet image got differently treated by IE, Moz, Opera. Now it doesn't happen anymore, 'cause they told me to use
list-style-image: url(bullet.gif);
}ul {
list-style: none;
}
li {
padding-left: 9px;
background: url(bullet.gif) 0px 6px no-repeat;
}