Site Revamp

I love the new look. Colours all look good and the flow of the site works well, Very informative site.

The only thing I can see, your subscribe page is missing the page links at the side.

Thanks for the feedback:

...your subscribe page is missing the page links at the side.

For some reason, we could only get the forms to work using Jen's host's 'template' page, made to look as much like her HTML uploads as possible.   Rather than try to make the limited choices of nav buttons look like hers, she opted just to have a text link back to the home page, which has all the nav options available.   A shame, but we are still newbies (and it did get the 'subscribe' form back out there and working).

...add interactivity to your site by simply making the Nav Links change color when you hover over them.

Absolutely agreed.   We're both trying to pick up enough CSS to achieve this.   That's in the hope that when she gets around to adding such features, it won't be quite the marathon that revamping 29 pages of HTML proved last time.   (The memory still smarts).  

Or is there a way to do this with HTML??

At the moment, though, Jennifer's just back from her last Algarve hols, so she has digital photos to process, new pages to write and a monthly e-zine to produce, so the 'hover' will have to wait.   (I can see her asking me to get started on that while she's busy with the other stuff).

Thanks again for the encouragement...

Contolling link colors in CSS is pretty simple. You can paste the following code just after your </HEAD> closing tag.

<style type="text/css"> a:link         { color: #A52A2A; text-decoration: none; } a:visited      { color: #FE8301; text-decoration: none; } a:hover        { color: #BFB400; text-decoration: underline; } a:active       { color: #FF8000; text-decoration: none; } </style>

The preferred way to do it would be to strip the STYLE start and end tags out and put the rest in a file called mysite.css. The contents of that file would look like

a:link         { color: #A52A2A; text-decoration: none; } a:visited      { color: #FE8301; text-decoration: none; } a:hover        { color: #BFB400; text-decoration: underline; } a:active       { color: #FF8000; text-decoration: none; }

Then, assuming mysite.css is in the same directory as the page, put the following tag just before the </HEAD> closing tag

<link rel="stylesheet" type="text/css" href="mysite.css">

Change the colors to what ever you want, but be aware thar the sequence matters. The acronym a lot of people use to remember the sequence is
                     LoVe - HA

L = link
o
V = visited
e
H = hover
A - Active

On some browsers, if you set up the link attributes for the anchor tag (a:xxxx) out of sequence, some of them won't work. So you need to remember the sequence they have to be listed in.