Cascading Style Sheet Quick Guide

 
 
This guide contains information how to create Cascading Style Sheets (CSS).

More information about CSS can be found at: http://www.w3.org/Style/CSS/







Div examples: links



Information
All examples are working for IE 6.0 and Firefox 1.5.

Procedure

Example Screenshot
Example 1 Links with arrow images used. The arrows do not change color on link mouseover.

Div example 1.
Example 2 Demonstrate how to put two containers inside another container (dotted). Each container contains links with arrow images used. The arrows do not change color on link mouseover. Each link inside a container starts on its own line.

Div example 2.
Example 3 Demonstrate how to create links starting on a new line if the link text is more then one line. The links are positioned on two columns inside a row. The arrows do not change color on link mouseover.

Div example 3.
Example 4 Demonstrate how to create links starting on a new line if the link text is more then one line. The links are positioned on two columns inside a row. The same action is repeated again. The arrows do not change color on link mouseover.

Div example 4.
Example 5 Links with arrow images used. The arrows changes color on link mouseover.

Div example 5.
Example 6 Demonstrate how to create a breadcrumb. An arrow image is used.

Div example 6.
Example 7 Hovering over the link opens an window with text.

Div example 7.
Example 8 Demonstrate how to create a breadcrumb. No arrow images used.

Div example 8.