Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-21-2012, 11:28 AM   PM User | #16
achira
New Coder

 
Join Date: Mar 2012
Location: Somewhere over the Rainbow
Posts: 96
Thanks: 7
Thanked 5 Times in 5 Posts
achira is an unknown quantity at this point
Quote:
Originally Posted by cryoffalcon View Post
well the above first two options i tried them, they didn't work. And the 3rd one is what i am not able to understand
If the first option didn't work, it's because your heights need to be a tiny bit smaller than you think. Try 1-2 px smaller and see if it works.

Here's what I meant by invisible anchor- it'll give you the basic idea, I hope.

Code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#atooltip{
display:none;
}
</style>

</head>
<body>
<p>
<a id="atooltip" name="tooltipbox" href="whateveryoucallyourtooltipbox">this is the text </a>that is near the end of the box but not necessarily at the end, so when you mouse over you can get your tooltip box...</p>

</body>
</html>
achira is offline   Reply With Quote
Reply

Bookmarks

Tags
css, hidden, overflow

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 07:10 AM.


Advertisement
Log in to turn off these ads.