954,598 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Have something to say? Contribute New Article Reply to this Article

advanced tooltip help

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;
	}
minimogul
Light Poster
31 posts since Oct 2010
Reputation Points: 11
Solved Threads: 0
 

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

Regards, Arkinder

Arkinder
Posting Pro in Training
454 posts since Nov 2010
Reputation Points: 113
Solved Threads: 59
 

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.

minimogul
Light Poster
31 posts since Oct 2010
Reputation Points: 11
Solved Threads: 0
 

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

minimogul
Light Poster
31 posts since Oct 2010
Reputation Points: 11
Solved Threads: 0
 

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

Regards, Arkinder

Arkinder
Posting Pro in Training
454 posts since Nov 2010
Reputation Points: 113
Solved Threads: 59
 

This article has been dead for over three months

Post: Markdown Syntax: Formatting Help
You
View similar articles that have also been tagged: