View Single Post
  #2   Spotlight this post!  
Unread 22-06-2006, 17:08
Ryan M. Ryan M. is offline
Programming User
FRC #1317 (Digital Fusion)
Team Role: Programmer
 
Join Date: Jan 2004
Rookie Year: 2004
Location: Ohio
Posts: 1,508
Ryan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud ofRyan M. has much to be proud of
Re: CSS help: "hovering" boxes

Do something like this:
Code:
<p>
	By clicking the slug at left, a you can hide and show a little box that displays the slug you can use in posts.
	<span class="slug" style="position: relative;"><img src="slugs_files/images/slug.gif" alt="(SLUG)" title="Show/Hide slug" /><span class="show" style="position: absolute; top: 0; left: 10px;">slug:this/should/hover/over/the/text@right</span></span>
	The slug address, when shown, should cover up this text (or at least the start of it).
</p>
The styles are inline. Basically, you just give the box an absolute positioning X (didn't check how many) pixels left. Because of a CSS quirck/firefox bug, you have to specify explicitly that the containing span (class="slug") is positioned relatively.
__________________