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

______________________
Emperor

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

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