1.11M Members

advanced tooltip help

 
0
 

found this code on this website cant find the url but if I find it i will post it
The code is basically the same as the following.I want to be able to place links inside the tool tip I was wondering if there was a way i could do this. I don't know much programming and am trying to learn jquery.Thanks for your help in advance.

a.help{
    position:relative; /*this is the key*/
    z-index:24;
    color:#fff;
    text-decoration:none;
	font-size:10px;
	}

a.help:hover{
z-index:25;
text-decoration:underline;}

a.help span{display: none}

a.help:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em; left:1em; width:15em;
	padding:5px;
	height:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: justify;
	float:left;
	left:-13em;
	}
 
0
 

You've only posted the CSS. Links are placed in the HTML of the tooltip.

Regards, Arkinder

 
0
 

Sorry Thanks for telling me I forgot to post It. Well here it is.

<div id="help_info"><a href="#" class="help">Help?<span>

   <h3>*** Account help ***</h3>

   <p class="tooltip">text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p></span></a></div>

    </div>

I want to make a more sophisticated version of this so it will enable me to put multiple links with out breaking it thanks in advance.

 
0
 

Sorry there is also a span in front or the first paragraph tag.

 
0
 

You have a span tag after Help? instead of ending your anchor tag.

Regards, Arkinder

You
This article has been dead for over six months: Start a new discussion instead
Post:
Start New Discussion
View similar articles that have also been tagged: