View Full Version : css tooltips and the edge of the screen

03-04-2005, 06:04 AM
sorry.... wasnt sure how to phrase this so maybe my searching could have been better.... i hope this isnt answered already...

html: http://lansingpa.org/lpa/archives/calendar/2005mar

css: http://LansingPA.org/lpa/cal.css

i am using css mouse overs here....
my problem is that the ones on the right hang off the screen.
is there any genius fix around this, that im just not thinking of?

I tried some things with margin.
that didnt work.
I guess i have to set up seperate classes for the ones on the weekends and give them different span classes??

thats going to suck if i hvae to somehow write "if sunday span class="other" "
or whatever.

hmmm... thanks so much!

03-04-2005, 02:48 PM
Looks like that's the only real choice you have, seeing as how the hover elements are placed absolutely. You could always make the calendar a little smaller...

03-05-2005, 05:35 PM
You need javascript really - then you can read and adjust its position with respect to the window edge.

Have a look at this, where I've done something similar for focus-activated tooltips -- http://www.brothercake.com/scripts/tooltips/tooltips.html