Hey geeklog peeps... ok so im working on my site's mini calendar and i have added tool tip functionality to is so when there is an event it will pop up the info in a tool tip like Blaine's form on Portalparts.com. The problem I am having is since the calendar is in the left block when the tool tip pops up it is cut off. See what im talking about here:
LBPP.net[*1] what i need to know is how to modify geeklogs CSS to make it so it resides on top of everything. Here is the CSS i have.
a.info{
position:relative; /*this is the key*/
z-index:24;
color:#000;
text-decoration:none
}
a.info:hover {
z-index:25;
padding-top:0px;
padding-bottom:5px;
text-decoration:none
}
a.info span{display: none}
a.info:hover span { /*the span will display just on :hover state*/
font-family:Verdana, Tahoma, Arial;
font-style:normal;
font-size: 7pt;
display:block;
position:absolute;
top:3em; left:-15em; width:22em;
border:1px solid #5D96B9;
background-color:#FFFFA0; color:#555;
padding:2px;
text-align: left;
text-decoration:none
}
If someone has a fix for me that would be great, but even pointing me in the right direction would be useful...
Thanks!
Hmmmm... this seems pretty cool. Is this something that would work with the dynamics of the geeklog calendar? Im not very good at PHP or Javascript, think i can modify what i have to integrate this quite easily?