Hyperlinks

Hyperlinks are used in a variety of ways and styles across qantas.com:

Standard Link Stand Alone Link Page Number Links
     
Icon Links Jump Link Back To Top Link
     
External Link    

Standard Link

Commonly used within the main body copy of a page.

a: #990000 Underlined
a:hover: #FF9520 underlined
a:vistited: #660000 underlined

Stand Alone Links

Arrows are when are used as an element on their own or as part of a link list.

a: #990000 Underlined
a:hover: #FF9520 underlined
a:vistited: #660000 underlined
Image: imgLinkArrow.jpg

Page Number Links

This is the standard for displaying multiple page listing selections. Follows the standard hyperlink styles.

Paginated Links
Height: 24px width: variable
Verdana 11px Bold #990000 Underlined
Background: #FFFFFF
Border: 1px #CCCCCC
Paginated Links Over
Height: 24px width: variable
Verdana 11px Bold #FFFFFF Underlined
Background: #990000
Border: 1px #660000
Paginated Links Current
Height: 24px width: variable
Verdana 11px Bold #666666
Background: #FFFFFF
Border: 1px #CCCCCC

Icon Links

Icons are only added next to hyperlinks to indicate tools and applications.

Verdana 11px
a: #990000 Underlined
a:hover: #FF9520 underlined
a:vistited: #660000 underlined

Jump Links

To indicated a link to another part of the same page.

Style: #990000 Underlined;
Hover: #FF9520 underlined;
Arrow to the left hand side pointing down.

Back to Top Links

A 'back to top' hyperlink is placed roughly every 550 pixels down the page on pages well over 600 pixels long. Generally after each fold, or at the end of a section of text. Follows standard hyperlink styles.

a: #990000 Underlined
a:hover: #FF9520 underlined
a:vistited: #660000 underlined

External Links

Links to external websites. View the Linking Agreement.

a: #990000 Underlined
a:hover: #FF9520 underlined
a:vistited: #660000 underlined