That is also very very slick. I don't like how it's set on the :hover attribute. And I can't tell that they're links. But the presentation is well done.
his other example may be more to your liking, though, as he points out, longer notes will run on top of each other, but at least it works in IE.
http://www.info.com.ph/~etan/w3pantheon/style/sidenotes.html
can you explain why you don't like the hover state in the first example?
found via http://www.l-c-n.com/IE5tests/index.shtml
It seems too forced to actually read it. I either have to be careful to keep my mouse in the same spot, or put it there and lift my hand. Too much effort, particularly for something like a footnote that I'd actually read. I'd much rather be able to click it and then read it, or if it references something else, copy the reference, etc.
My general thoughts on hovering is that it's fine for graphics and non-important text elements. But I'd classify a footnote as something important, or at least worth reading. Thus I'd want it to stay/stick.
If it popped up on the hover, but didn't go away until I closed it, that'd be another thing.
I am amazed by seeing this similar implementation (one of them with a very familiar sounding name) - don't know the guy, first time I see his site.
I agree about the :hover state. It is very temporary. But then also, it wouldn't be such a problem if he'd drop those numbers and include the word(s) the footnote is giving more info about in the containing span. Like that, you can point to words instead of numbers, which requires less effort from your hand.
Comments
Jason
very similar to this example:
http://www.info.com.ph/~etan/w3pantheon/style/popupnotes.html
though I can't decide which is better.
Posted by: Jason | June 19, 2003 12:25 AM
Tony
That is also very very slick. I don't like how it's set on the :hover attribute. And I can't tell that they're links. But the presentation is well done.
Nice.
Posted by: Tony | June 19, 2003 08:44 AM
Jason
his other example may be more to your liking, though, as he points out, longer notes will run on top of each other, but at least it works in IE.
http://www.info.com.ph/~etan/w3pantheon/style/sidenotes.html
can you explain why you don't like the hover state in the first example?
found via http://www.l-c-n.com/IE5tests/index.shtml
Posted by: Jason | June 19, 2003 10:08 AM
Tony
It seems too forced to actually read it. I either have to be careful to keep my mouse in the same spot, or put it there and lift my hand. Too much effort, particularly for something like a footnote that I'd actually read. I'd much rather be able to click it and then read it, or if it references something else, copy the reference, etc.
My general thoughts on hovering is that it's fine for graphics and non-important text elements. But I'd classify a footnote as something important, or at least worth reading. Thus I'd want it to stay/stick.
If it popped up on the hover, but didn't go away until I closed it, that'd be another thing.
Hope that makes sense.
The other examples are good.
Posted by: Tony | June 19, 2003 10:24 AM
Andreas Bovens
I am amazed by seeing this similar implementation (one of them with a very familiar sounding name) - don't know the guy, first time I see his site.
I agree about the :hover state. It is very temporary. But then also, it wouldn't be such a problem if he'd drop those numbers and include the word(s) the footnote is giving more info about in the containing span. Like that, you can point to words instead of numbers, which requires less effort from your hand.
Posted by: Andreas Bovens | June 19, 2003 12:40 PM
Andreas
From footnotes to sidenotes moved to a new URI: http://andreas.web-graphics.com/footnotes/index.html
Posted by: Andreas | September 20, 2003 10:05 PM
Tony
Thanks Andreas. I'll update the main link.
Posted by: Tony | September 21, 2003 04:56 PM