1,105,633 Community Members

advanced tooltip help

Member Avatar
minimogul
Light Poster
31 posts since Oct 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
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;
	}
Member Avatar
Arkinder
Posting Pro in Training
441 posts since Nov 2010
Reputation Points: 93 [?]
Q&As Helped to Solve: 61 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Regards, Arkinder

Member Avatar
minimogul
Light Poster
31 posts since Oct 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
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.

Member Avatar
minimogul
Light Poster
31 posts since Oct 2010
Reputation Points: 1 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Member Avatar
Arkinder
Posting Pro in Training
441 posts since Nov 2010
Reputation Points: 93 [?]
Q&As Helped to Solve: 61 [?]
Skill Endorsements: 0 [?]
 
0
 

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

Regards, Arkinder

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