InTheNET
UK.com
Advert Space

 Home   Search   Email Us   Links   Hardy Coarse Rods - Cane
 Hardy Coarse Rods - Modern  
 Hardy Fly Rods 
 Vintage Rods   Vintage Reels   Vintage Miscellaneous   Hardy Coarse Reels   Hardy Fly Reels 
Session("YOUAREADMINISTRATOR") =/ Your Administrtor ID - Session("ADMINUSERID") =
Quick Nav .... [ Administration Index Page ]  [ The Database ]  [ Check Path & Vars ]  [ Billing ]  [ Our Site ]  [ Competitors ]  [ Other WEB Sites ]  [ Business Targets ]  [ Letters to Prepare]  [ Ideas ]  [ Styles ]  [ Tools ]  [ WEB Development ]  [ WEB To-do ]

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. 

This is the Address Style
  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 topnav style - this is used for the links at the top of the page

the TahomaSmall style - use 11px

the TahomaNormal style - uses 13px

 


page_fieldset & page_legend

An example of using the page fieldset & page_legend to format the page layout

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 .

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.

You can also use the fieldset internally ...

uses normal_fieldset & normal_legend

This uses normal_fieldset & normal_legend to format a boy within a page layout. If you bound this with a table you can control its width.

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.


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   
  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

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



The Trophy Room
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.
 
The Trophy Room
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.
 
The Trophy Room
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. 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. 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. 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.
 

This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 
This is an Example
fdkl fdspofds fdskfds dspjwe rewpor eikre rfpoemr gkonte gpoejngtepmt pgrt mptrpomg tpkm g tepom tpgmptg epkg t epotge p o jmtp
 

 

This is a Table Caption
Header Cel abc abc abc
Normal Cell abc abc abc
Normal Cell abc abc abc

 


Colors Used in the WEB.

#FFCC00 #ffcc00 #FFCC99 #CCCC00 #999966
#669900 #996633 #666633 #996600 #009900
#339966 #CC3300 #6699FF #FF3300