javascript/css help

monkey · 07-22-2008, 11:09 PM

I need help with my site http://www.onlyhitgames.com. When you hover over a link in the top players menu it shows a box which displays the amount of plays that user has. The problem is if you hover over my username(admin) it shows part of the link below it in the box.

Code:


<style type="text/css">

.ToolText{position:relative; }
.ToolTextHover{position:relative;}
.ToolText span{display: none;}

.ToolTextHover span{
  display:block;
  position:absolute;
  border:2px solid black;
  top:1.3em;
  left:5px;
  padding: 2px;
  background-color:lightblue;
  text-align: center;
}
</style>
<div class="ToolText" onMouseOver="javascript:this.className='ToolTextHover'" onMouseOut="javascript:this.className='ToolText'"
<a href="">test</a>
<span>text</span>
</div>

That is just the code to create the hoverbox, the link is being repeated in a loop to get the top players. Can anyone help?

woochoochinchilla · 07-22-2008, 11:34 PM

Why not just use the link title. <a href="" title="0 plays">

monkey · 07-23-2008, 04:21 PM

because I want to be able to customize the hover box like on http://www.gorillaarcade.com and I dont think you can do that with <a href="" title="0 plays">link</a>

07-22-2008, 11:09 PM	#1 (permalink)
monkey Preferred Member Join Date: Feb 2008 Posts: 190	javascript/css help I need help with my site http://www.onlyhitgames.com. When you hover over a link in the top players menu it shows a box which displays the amount of plays that user has. The problem is if you hover over my username(admin) it shows part of the link below it in the box. Code: <style type="text/css"> .ToolText{position:relative; } .ToolTextHover{position:relative;} .ToolText span{display: none;} .ToolTextHover span{ display:block; position:absolute; border:2px solid black; top:1.3em; left:5px; padding: 2px; background-color:lightblue; text-align: center; } </style> <div class="ToolText" onMouseOver="javascript:this.className='ToolTextHover'" onMouseOut="javascript:this.className='ToolText'" <a href="">test</a> <span>text</span> </div> That is just the code to create the hoverbox, the link is being repeated in a loop to get the top players. Can anyone help? __________________ www.BeefGames.com

07-22-2008, 11:34 PM	#2 (permalink)
woochoochinchilla Senior Member Join Date: Oct 2006 Posts: 836	Why not just use the link title. <a href="" title="0 plays"> __________________

07-23-2008, 04:21 PM	#3 (permalink)
monkey Preferred Member Join Date: Feb 2008 Posts: 190	because I want to be able to customize the hover box like on http://www.gorillaarcade.com and I dont think you can do that with <a href="" title="0 plays">link</a> __________________ www.BeefGames.com

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode