Welcome to the OzoneAsylum FaqWiki
Frequently Asked Questions

How can I create rollovers without JavaScript? Pages that link to <a href="https://ozoneasylum.com/backlink?for=5304" title="Pages that link to How can I create rollovers without JavaScript?" rel="nofollow" >How can I create rollovers without JavaScript?\

There are a number solutions. They are all largely based around increasingly complex uses of the CSS:

a:hover {
color: #ff0000;

One of the main tricks is to apply the following to the A tag style:

display: block

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:

Drop Down Menus in Pure CSS

How to make a cell as a link?

CSS rollover w/o javascript

Wrong code or browser differences ?

Relevant links:

Eric Meyer's CSS edge demo

Eric Meyer's CSS edge second demo

Inmate Phil's example


(Added by: Emperor on Sun 22-Sep-2002)

(Edited by: Emperor on Thu 03-Jul-2003)

« BackwardsOnwards »

Show Forum Drop Down Menu