Dock bug fix
It please me so that Mac OS X Javascript Dock v2 has been updated with new CSS that makes Safari and Firefox agree.
The problem that I was running into was that Safari didn't seem terribly interested in showing the white label text over the icons because it was outside of the bounding box area of the link. The obvious CSS workarounds didn't work.
It turns out that the solution was to expand the height of the bounding box. By bounding box, I mean the perimeter of the anchor tag. Since it's an inline element, adding height didn't agree with it at all. The trick was to add padding to the top of the anchor tag, and it works happily. The problem that this introduces is that the Dock responds when the mouse is well above the Dock, and that's not acceptable. But that's easily repaired by only applying the top padding during a:hover.
So v2 is now much nicer.
My wife, however, pointed out that it lacks the fluidity of the Dock, so that's the next step: make it more fluid, more natural. Stay tuned.
- under:
- Web Development
- Posted on
- 2005-03-18
Comments:
this is awesome
do you mind if i use it? could you send me the code? thanks
This article is closed to further commentary. But you can always contact me directly.