Welcome to Geeklog, Anonymous Friday, March 29 2024 @ 05:06 am EDT

Geeklog Forums

Tool Tip for Geeklog rides above all


Status: offline

lbpp

Forum User
Chatty
Registered: 06/10/05
Posts: 57
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 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.

Text Formatted Code
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!
 Quote

Status: offline

Tony

Site Admin
Admin
Registered: 12/17/01
Posts: 405
Location:Urbandale, Iowa
Why not just use Yahoo! User Interface's (YUI) tool tip? I'm thinking it would get around your problems without much trouble.

--Tony
The reason people blame things on previous generations is that there's only one other choice.
 Quote

Status: offline

lbpp

Forum User
Chatty
Registered: 06/10/05
Posts: 57
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?
 Quote

All times are EDT. The time is now 05:06 am.

  • Normal Topic
  • Sticky Topic
  • Locked Topic
  • New Post
  • Sticky Topic W/ New Post
  • Locked Topic W/ New Post
  •  View Anonymous Posts
  •  Able to post
  •  Filtered HTML Allowed
  •  Censored Content