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.)
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.
|
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)
|
dogs |
2 |
5 |
|
cats |
4 |
2 |
|
sheep |
3 |
1 |
|
Pigs |
7 |
1 |
|
filename: Self contained CSS Styles.html (local syling applied to this footer)