I've updated [link|http://kmself.home.netcom.com/|my homepage] and some related pages (mostly [link|http://kmself.home.netcom.com/Rants/|rants]) using CSS. I've had a few eyeballs over it, would appreciate knowing if there are any fatal errors.

I've tested this in Galeon, w3m, dillo, and Konqueror. Biggest issues are that my mugshot gets covered by lower content text window in Konq, and bullets run into callouts on left side in Galeon. I've had someone gander it in MSIE, appears OK. My own view is captured in [link|http://guildenstern.dyndns.org/~karsten/homepage.png|this 800x600 screenshot] (may be down ATM). I'm also concerned that colors are compatible (blue is bad for conflicting with link colors). Be interested to know what people make of the 'on-hover' style as well.

CSS shamelessly ripped from [link|http://zgp.org/~dmarti|Don Marti], with mods.

Thanks.

Try skinny.

I'm not saying this excuses the design. But if you run the window down to ~800 - 640 pixels wide, you should get a long, skinny content window which drops well past the end of the callouts.

What this is a demonstration of is that the page is viewable at a wide range of displays, flexibly accomodating anything from large, hi-res displays down to the piddlin' 640x480 gramma Win3x default res. Which I'm somewhat proud of.

\r\n1. The dots for the <ul> entries in the main pane (Linux, Rants, etc.) are overlapping the blue boxes on the left. If this was intentional, please be aware that it looks asinine.\r\n

Known problem. It's something I'd like to fix, but don't know how ATM.

\r\n 2. I like the color scheme.\r\n

Thanks.

\r\n3. The blue boxes extend waaaaayyyy past the bottom of the main pane. This looks very strange.\r\n

Few things going on there.

The callouts are bigger than they should be on account of content. Three of those (AOL, Viruses, Patents) are going to get smaller and/or become articles. Which should help the problem somewhat. OTOH, I plan to add more boxes...

I can tweak the bottom extent of the callouts by making them wider. I've played with that, and settled on 200 px for the moment, though I've bumped it as high as 240 in design. Very easy to change that with CSS ;-) The main content text will reflow around the callouts, which is handy.

I may add to the main content to stretch it out a bit. Mostly I was working on layout rather than content, but with an aim of making both easier to work with.

\r\n 4. Speaking of main pains, there's a pic of something off an E. E. Doc Smith chlorine planet up on the top right...\r\n

Starburst eyes. Chlorine planet. Erm....what color was that?

\r\n 5. There are no sheep.\r\n

And your bouroir shots are where? This is my tech/professional page. My lovelife is at http://ismysheephotornot.baa/

I've increased the indent on the navboxes (callout boxes). In Galeon, this seems to work. In Konq, I've still got the problem as the offset for bullets is quite large.

However, in the top box "Karsten M. Self is now on a line below the "Home | Mail"

That's a level of detail and client-variance I can deal with. I'm looking for an overall-pleasing layout without worrying about nits. The bullet thing wasn't acceptable.

I may play with the title bar a bit, but I'm relatively pleased with it.

Explanation for those.

On my userContent.css, I specify link colors. Mostly 'coz I like blue for unvisited, purple for visited. Which doesn't always fit with a page's background colors (dark blue for nav bars is epidemic). Experimenting with changing BG/FG colors turned out to be less than optimal (though I've got a black-on-white.css for pages which are utterly unreadable). And some sites (Slashdot IIRC) were hiding links as same color as text w/ no underlines. So I bolded links and did the hover/click thing as feeback. I find it a very useful cue. Also helps me know (when getting laggy response on a remote-X connection) when I'm actually on an active link.

What's your issue with it? Distracting? As a non-typical response, I could see that. Of course, it's the sort of thing you can turn off with your own userContent.CSS ;-)