tooltip style popup — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

tooltip style popup

This page's ID: 26341

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	After playing with it a bit, I got it to work with the following code. [code] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <style type="text/css"> .dropshadow1{ float:left; clear:left; background: url(./shadow.gif) no-repeat bottom right !important; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; } .dropshadow1 div { background: url(./fake_offset.png) no-repeat left top !important; background: url(./fake_offset.gif) no-repeat left top; padding: 0px 5px 1px 0px; position:relative; } .dropshadow1 img{ border: 1px solid #999999; padding:10px; font-size:14px; margin: 6px; z-index:auto; } .dropshadow1 a:hover img{ margin-right: -4px; } .dropshadow1 a:hover { display:block; } .dropshadow1 a:link span, .dropshadow1 a:visited span { display:none; position:absolute; width:120px; bottom:30px; left:50%; margin-left:-64px; border:1px solid #a9a9a9; text-align: center; font-size: 12px; color:#333; opacity: 0.85; background-color:#FFF; } .dropshadow1 a:hover span { display:block; } </style> <body> <div class="dropshadow1"> <div> <a href="http://www.moocow.com"> <span>fjdslkfjdlksajfdlksa</span> <img src="aliances.gif" width="120" height="120" /> </a> </div> </div> </body> </html> [/code] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu