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 } .celltext { font-size: 13pt; line-height: 14pt; font-family: "Bookman Old Style", "Times New Roman", Georgia, Times; background-color: white; padding: 5% 10%; } or - it can be placed in the head section of the page, in which case it would be prefixed by - <head> 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 ! |