This page is intended to show what styles are used in this WEB. This section should give you an example of what a page layout should look like. Underneath this section is more details on the styles and classes used n this WEB

A sample paragraph of text to give you some idea of a page layout. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi. Duis te feugifacilisi. 

1. This Is the OL Style

• This is the UL Style

The .normal style

The .small style

The .vsmall style - The very small class is almost unreadable - we should use another class with another font.

A link to a url in a standard paragraph.

This is the H1 Style

0123456789 £$ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ - Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum .  

This is the H2 Style

0123456789 £$ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ - Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum .  

This is the H3 Style

0123456789 £$ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ - Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum .  

This is the H4 Style

0123456789 £$ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ - Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum .  

This is the H5 Style

0123456789 £$ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ - Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum .

This is the H6 style

0123456789 £$ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ - Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum .  

Some more classes used to format items in this web site...

the footer style - this is used for the links at the bottom of the page

the topnav style - this is used for the links at the top of the page

the TahomaSmall style - use 11px

the TahomaNormal style - uses 13px

Sample Form

Please enter a Username and Password combination as well as sentence that could be used to remind you of your password should you forget it:

User Name *
Password *
Confirm Passwd *
Remind Me

Please enter a Username and Password combination as well as sentence that could be used to remind you of your password should you forget it:

User Name *	User Name
Password *	Password
Confirm Passwd *	Confirm Passwd
Remind Me	The quick brown fox jumped over the lazy moon.

Please enter a Username and Password combination as well as sentence that could be used to remind you of your password should you forget it:

User Name *
Password *
Confirm Passwd *
Remind Me

Please enter a Username and Password combination as well as sentence that could be used to remind you of your password should you forget it:

User Name *
Password *
Confirm Passwd *
Remind Me

Please enter your full name and other personal details. Please select whether you are a business or private user:

First Name *
Last Name *
Age	4 5 6 7 8 9 10 11 12 13 14 15 16 17 18+
	Male:    Female:
	Business:  or Private User:
Organisation

Please enter your address details fully, the post code is particularly important as this is used in certain areas to generate maps:

Forms in Netscape and Internet Explorer. 

I have found that there is a problem with the INPUT  field sizes when working with both browsers. The trick is to set the input size for Netscape and the use a style to set the width of the field for IE.  Here are some examples

01234567890123456789012345678901234567890123456789012345678901234567890123456789 0--------90--------90--------90--------90--------90--------90--------90--------9 +------------------------------------------------------------------------------+ | | | 80 Chars wide | | | +------------------------------------------------------------------------------+ 80 Chars wide

I have also found that sometimes in Netscape the SELECT pull downs do not use the correct font. This can be overcome by setting the style for  the FORM (Some time s:-)). Back to Top

Colors Used in the WEB.