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
*******************************************************************
