Because I wanted an exclamation point in a URL.
No not really.
But sort of, yeah, really.
It’s not finished, but I wanted to at least get it out the door on this day of days, the release of the DVD Gargoyles – Season 2, Vol. 1.
The layout features CSS-based drop-down menus. The drop-downs intentionally drop down and to the left, which is not how normal menus work. That will probably annoy some people. If you sift through the new CSS you’ll find the dropmenu.css stylesheet and might notice that there are ways to change the direction of the drop. Use at your own risk, as that stylesheet is not finished. But there are lots and lots of notes within that and other stylesheets, as usual, and definately worth taking a look through.
I’m not linking to this layout from anwhere else but here for the time being while I finish this layout up. It’s a secret between you and me, right?
Drop menus are by far the biggest problem with the layout. Every browser has small, but importan differences in how they implement the CSS-2 spec making compatibility across the board very difficult.
The initial work on drop-downs comes from Son of Suckerfish. But I took a lot of that, changed it around and reworked it a bit to get more out of it. They work pretty well, even in IE/Win 5.0. iCab and Safari seem to do okay, as well as Opera. IE/Mac 5.0 is probably the worst off right now. I need to do a lot more research in IE 5.0 with this layout.
Netscape 7.0 doesn’t pull the drop-downs out of the flow of the document. I think I found out why a while back but I’ve sine forgotten. I’ll need to spend time with that as well, but the content is at least visible, whereas IE 5.0 isn’t showing content!
Single-level drop-downs are, by comparison, very very easy. There are ways to pull them off that work very well across the board. But when you go for multiple levels, you have to do things that start to break some browsers.
IE/Mac was particularly problematic. IE/Mac needed whitespace between list elements to work properly. Also IE/Mac was not applying certain class rules when the class attribute of a given element had more than 1 class listed. But if I shifted the order of the list around, IE/Mac worked fine and would apply all the rules.
There might be a new hide CSS hack for IE/Mac in that somewhere, but I’m not terribly motivated to go hunting it down right now.
There you go. There’s the next layout. Hope you like it. Hope it’s not a total let-down.