CSS rollover w/o javascript — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

CSS rollover w/o javascript

This page's ID: 10806

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	PS: Yes there is - here is the code in full: [code] /--------------Code for each link-----------/ .box { background: #92B3D6; position: relative; width: 72px; height: 15px; margin-left: 1px; border: 2px solid #082361; font-weight: bold; color: #254068; float: left; } .nav { background: #92B3D6; margin: 0; font-family: verdana, sans-serif; font-size: 10px; font-weight: normal; color: #000; } .links a span { display: none; } .links a { background: #93B4DD; text-decoration: none; font-weight: bold; color: #254068; } .links a:visited { background: #93B4DD; text-decoration: none; font-weight: bold; color: #800080; } .links a:hover span { background: #93B4DD; position: absolute; top: 15px; left: -1px; display: block; width: 71px; height: auto; cursor: hand; border: 2px solid #082361; color: #254068; font-weight: bold; text-decoration: none; text-align: center; z-index: 200; } .links a:hover { background: #C3E5FF; text-decoration: none; color: #000; } [/code] and then look in the source for the relevant code: [code] <div class="links"> <a href="html/#.html" class="box">About<span class="nav">This Site<br />Who & Why<br />Wolves</span></a> ETC </div> [/code] Its a very nice bit of coding indeed - top marks to Phil for making it work :) ___________________ Emps FAQs: [url=http://faq.ozoneasylum.com/53/]Emperor[/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu