Restoring Lena-Contact-Sailing Home-Sailing Logs-Uphill photo Tour
This is the style sheet used for the 'sail site' section of this website.

It is just a text file with the suffix .css - and is placed with the other site files. Its referenced in the head section of each webpage, ie -

<link href="../celltext.css" rel="styleSheet" type="text/css">

This style sheet is called " celltext.css" - it could be Lenatext, what you like.

contents as below -

The four 'A' tags are all you need in the style sheet for altering the links. The other classes '.celltext' just controls the font style, size, background and edge margins - and .2col - is a smaller text, with a narrower margin, for text alongside pictures.

a:link { color: #009999; text-decoration: none }
a:visited { color: #800080; }
a:hover { color: #ff0000; text-decoration: underline }
a:active { text-decoration: none }

.celltext { font-size: 13pt; line-height: 14pt; font-family: "Bookman Old Style", "Times New Roman", Georgia, Times; background-color: white; padding: 5% 10%; }
.2col { font-size: 11pt; line-height: 13pt; font-family: "Bookman Old Style", "Times New Roman"; background-color: white; padding: 5% }

or - it can be placed in the head section of the page, in which case it would be prefixed by -

<head>
<style>
<!--
A:link {color: #009999; text-decoration: none }
A:visited { color: #800080 }
A:hover { color:#FF0000; text-decoration: underline }
A:active {text-decoration: none}
.celltext { font-size: 13pt; line-height: 14pt; font-family: "Bookman Old Style", "Times New Roman", Georgia, Times; background-color: white; padding: 5% 10%; }
.2col { font-size: 11pt; line-height: 13pt; font-family: "Bookman Old Style", "Times New Roman"; background-color: white; padding: 5% }
-->
</style>

Make sure these are in this order - ie link,visited,hover,active - and that the style sheet Link href, as above, or the style sheet itself - goes immediately after the < head> tag. I had the these in a different order, and they worked fine in OE, but not in Mozilla/Firefox - until I put them into that order and immediately after the Head tag !

Of course - the advantage of linking to the separate style sheet - is that you only have one thing to alter, and then all pages linked to it change.

The important bit here, for the links, is the four "A" tags.

On 'A:link' - the color makes the link 'teal' - without it they would be the default 'blue'. "Text dec:none" removes the underline.

'A:hover' - underlines text and changes it to 'red' on the mouseover only. You don't have to use the hexidecimal color no's - you can just say red, green, etc on basic colors.

A: visited - specifies color #800080, but with no text decoration instruction, it defaults back to the underlined link, once visited.

I have also managed on this page, since I was fiddling with it - to get all the edges to line up - but I'm not sure I can be bothered to alter all the others now. ( yes - sod it, I'm doing it all now ! ) This stuff is fraught with problems, especially combinations of tables and style sheets. Really - I think if you knew the style sheet attributes a little better than I do - then the entire page would be better set just on style sheets. They do work with tables - but sometimes it seems to send my Go LIve editor into a mess - maybe because its an old version. Hopefully, all the new sailing section will be perked up and straightened out soon.

Makes the sailing seem very straightforward !