How can I create rollovers without JavaScript? — OZONE Asylum, home of the Mad Scientists

FAQ

How can I create rollovers without JavaScript?

This page's ID: 5304

You are editing "How can I create rollovers without JavaScript?"

Who can edit an FAQ?	Anyone registered may edit an FAQ.

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	There are a number solutions. They are all largely based around increasingly complex uses of the CSS: [code] a:hover { color: #ff0000; } [/code] One of the main tricks is to apply the following to the A tag style: [code]display: block[/code] which forces the inline A element to become a block so it now forms a neat box. See the resources below for a further discussion of what is possible (inlcuding various menu systems): ----------------------------- Relevant threads: [url=http://www.ozoneasylum.com/Forum8/HTML/000382.html]Drop Down Menus in Pure CSS [/url] [url=http://www.ozoneasylum.com/Forum2/HTML/001764.html]How to make a cell as a link?[/url] [url=http://www.ozoneasylum.com/Forum8/HTML/000409.html]CSS rollover w/o javascript[/url] [url=http://www.ozoneasylum.com/Forum8/HTML/000607.html]Wrong code or browser differences ?[/url] ----------------------------- Relevant links: [url=http://www.meyerweb.com/eric/css/edge/popups/demo.html]Eric Meyer's CSS edge demo[/url] [url=http://www.meyerweb.com/eric/css/edge/popups/demo2.html]Eric Meyer's CSS edge second demo[/url] [url=http://www.scansped.co.uk/new/index.html]Inmate Phil's example[/url] ______________________ [internallink=4626]Emperor[/internallink] [small][i](Added by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Sun 22-Sep-2002)[/i][/small] [small][i](Edited by: [url=http://www.ozoneasylum.com/cgi-bin/ubbmisc.cgi?action=getbio&UserName=Emperor]Emperor [/url] on Thu 03-Jul-2003)[/i][/small] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu