Hello Stephen,
Thank you very much for the code. :-)
Smiles,
Emily
Date: Tue, 29 Mar 2011 17:36:59 +0100
From: ste.ham...@sunraymedia.co.uk
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Horizontal Menu Bar Help Needed
Message body
Hi Emily,
Create your links as in an unordered list as below. Style the
elements using css. To show which page a user is on, simply create
a class and apply the class to the relevant anchor element; like
below...
<div id="nav">
<ul>
<li><a href="index.php" title="" class="here">Home</a></li>
<li><a href="products.php"
title="">Products</a>
<li><a href="gallery.php"
title="">Gallery</a></li>
<li><a href="paymentMethods.php"
title="">Payment Methods</a></li>
<li><a href="about.php" title="">About
Us</a></li>
<li><a href="contact.php"
title="">Contact Us</a></li>
</ul>
#nav a.here {
color: #000;
}
Hope this is clear for you...
regards
Stephen Hamill
On 29/03/2011 17:20, E W wrote:
Dear John Unsworth,
Your kindness and humorous reference to "collectively having
kittens" brightened my otherwise challenging day.
I agree with you 100% this site needs a complete CSS upgrade
however, for reasons to lengthy to explain here, it's been
insisted that I only change the look and feel of the site with
minor functionality changes but not the tables structure of the
site.
I am in the process of learning CSS in preparation for the
glorious day I am given the go ahead to upgrade the site.
Since my previous email, I have found this website:
http://www.sohtanaka.com/web-design/active-state-in-css-navigations/
which seems to have a solution for the navigation I will try to
implement.
I appreciate the book references you supplied which I will add to
my learning materials.
Thank you for your reply and help with my challenge.
Smiles,
Emily
> Date: Tue, 29 Mar 2011 15:39:46 +1100
> Subject: Re: [WSG] Horizontal Menu Bar Help Needed
> From: john.unswo...@gmail.com
> To: wsg@webstandardsgroup.org
>
> Hi Emily,
>
> Firstly the problem you describe might be your browser. I'm
using
> Safari on a Mac and the desired effect appears to occur,
whether I use
> the back button or click Home again. So this might be the
reason your
> not getting the expected effect.
>
> Secondly, the standards group I would imagine are
collectively having
> kittens seeing all that table based layout rendered by
Dreamweaver.
> Whilst there is often some debate, on the whole most people
employ a
> list for navigation rather than a table, however I'm assuming
the
> whole page is a table layout and thus whilst I would
encourage you to
> reconsider, I'm not going to go into an entire rewrite. I
would then
> suggest to you it's time to learn some CSS.
>
> Your Dreamweaver behaviours are embedded Javascript(s), added
to which
> all your presentation information, such as width and height
are inline
> to boot. What you want to strive for is plain simple HTML,
with
> externally linked CSS and JS files. This approach is
sometimes
> referred to as 'three layers'. That being Content (HTML),
Presentation
> (CSS) and finally Behaviours (Javascript).
>
> Presuming this is not just a practice piece of work and the
error your
> getting is just within your browser, I don't think there is a
simple
> bit of 'code' that will fix this. Moving forward I can only
suggest
> you change your methods in line with the sentiments of the
standards
> group.
>
> Personally if your starting out I can't recommend Ian Lloyd's
'Build
> your website the right way, using HTML and CSS' from
Sitepoint, and
> 'HTML Dog, The best-practice guide to XHTML & CSS' by
Patrick
> Griffiths enough.
>
> All the best,
> John Unsworth
>
>
>
*******************************************************************
> List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
>
*******************************************************************
>
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
