Demontrations with CSS

This section of this site has demonstrations of CSS that are not strictly test. There are further demos in the CSS test section of this website.

Popup Image Gallery Popup Image Gallery with text

A demo showing a pure CSS image gallery which works in most browsers including IE6. Only one image is needed (no need for an extra thumbnail image).

Thumbnail Image Gallery

A demo showing a thumbnail image gallery with transparency and javascript looking affects which works in most browsers.

Sticky Footer 1

A demo showing a sticky footer with absolute positioning.

Popups with images and text Popups with images and text using z-indexing

A demo showing a simple popup effect using floats. The first demo uses the display property to hide and show the popups and the second demo uses the z-index property to hide and show the popups.

Honor Roll - Best

1. Firefox 3.6.5 (beta)
2. Safari 4.0
3. Opera 10 (alpha)
4. Firefox 3.0.14

Honor Roll

1. IE 8/Win
2. Opera 9.64
3. Firefox 2
4. Gecko 1.7
5. IE 7/Win
6. IE 5/Mac
7. IE 6/Win (and earlier)

Template - Zeta

Last revised: 21st Oct 2009