Finance Systems
Maidstone and Tunbridge Wells

What have I created in my self contained page with CSS styles

Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs.

For information - NHS Blue: #3366FF NHS

Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs. Starting with the actual page borders, fonts, H1 title and paragraphs.

(H2) Lets try a simple 3x3 table - note tables inherit body font size

one two and two three
four .stylegreen1 and styleborder applied to a cell <td> six
seven .stylegreen2  applied to a row <tr> nice
A left hand box with some height and a styleblue background. It needs to be given a width and then you can watch how the text wraps

An Office table, using <td> classes edge, cell and cell_r

- A B
1 Something 600
2 Most else 450
A right hand box with some height and a stylered background. It needs to be given a width and then you can watch how the text wraps

The next table has no class applied to the table, TH headersin the first row  are class yellowheader and the cells are styleyellow. (A DIV break has also been applied here to prevent the RHbox from distoring the table.)


one hundred thousand yellowheader applied to <th> three
styleyellow applied to each <td> (borders cant be set if the class is applied to a <tr> ) six
a style height as been applied to this <tr> eight nice

The next table has Class='StyleBorder' applied to the each of the cells and the rows have been given style colors.

one two three
one two three
four five six
seven eight nice
four five six
seven eight nice

Starting with the actual page borders, fonts, H1 title and paragraphs...

(H2) Lets try a 3x3 table with a class = redline in each cell and to the table

one two three
four five six
seven eight nice

A table with added horizontal bar chart

The bars are created with DIVs and the first (dogs) has been given hyperlinks to a couple of bookmarks.

Pet Cost Food
0 3.5 7
dogs 2 5
cats 4 2
sheep 3 1

Charts based on 8 repeated png cylinder images (plus 8 rounded 3D end images). (Cyl1.png - Cyl8.png and Cyl1e.png - Cyl8e.png)

Pet Cost Food
0 3.5 7
dogs 2 5
cats 4 2
sheep 3 1
Pigs 7 1

30
15
0
  a b c d

filename: Self contained CSS Styles.html (local syling applied to this footer)