Drew Glaser wrote: > I'm planning a website whose content has a large number of words > that need defining, so I thought having a tool-tip type mouseover > popup might be a good way to go, since it allows viewers to easily > check the meaning of a word if they want to without having to load > a page. I also wanted to have a buffer area around the popup so there > is a less of a chance of the users "closing" the pop-up by accident > as they move the mouse around to read of scroll. > > I made a test page for it here: > > http://www.anime-madness.com/~Leviathan/poptest.html > > and it seems to work in FF 2.0 and IE 7.0 but I'm no CSS expert so > I'd like to know if I'm doing it correctly or any other comments you > might have. >
Drew, The fact that you are wanting to put multiple paragraphs and even images into popups that appear on words suggests to me that this is not extraneous information that is good to have but not necessary. Thus, I would change your whole approach so that your definitions are separate pages that are accessible to those even without CSS or JavaScript support. In other words, link to them like normal pages, then add in some progressive enhancement so that users with JavaScript can have them pop up, if that's what you wish. This is the most accessible solution. If your definitions were shorter, the title attribute would be the way to go, and you could use JavaScript and CSS to make the tooltips that title attributes produce look nicer. But I don't think this will work with your content. This can't be discussed further on this mailing list, since it's not a CSS issue, but check out this wiki page for ideas on where else to turn for help: http://css-discuss.incutio.com/?page=OffTopic Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
