Webbits

Gel button navigation bar

The bar appears like:

• Link one
• Link two
• Link three

The HTML is:

This is therefore an unordered list - in the actual HTML all the list items are on the same line, to avoid whitespace from line breaks.

The first and last items are dummies, classed so we can give them background images for the start and end of the gel.

The CSS is:

rightblugel.gif is

leftblugel.gif is

middleblugel.gif is

back to webbits

Syntax highlighting by Alex Gorbatchev