For the Second Thing add:
#header .nav a.current,
#header .nav a.current:link,
#header .nav a.current:visited,
#header .nav a.current:hover {
color: #ffffff;
border-bottom: 2px solid black;
background: url(images/arrow.gif) no-repeat bottom center #d60c8c;
cursor: default;
}
and assign the current button's link class="current". The cursor: default;
will make it look unclickable so people won't be tempted to click it to
return to the exact same page.
You could use just #header .nav a.current but it's been my experience that
IE will ignore the rule unless you specify the added states.
Mike
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of
[EMAIL PROTECTED]
Sent: Monday, February 19, 2007 1:51 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Positioning a list navigation and highlighting a
specificlink
I have two questions.
The second thing that I want to achieve with this particular site is that
when the visitor clicks on one of the top navigation links (home, portfolio,
about us, contact, news), I want the link that they choose to remain
#d60c8c(magenta. As it is now, the nav is a rollover. I would like to
highlight the link, for example; click to "about us" and have the magenta
color remain behind the word "about" while the visitor is on that page. The
same will go for all the top links depending on which page is clicked upon.
I'm not sure how to achieve this with CSS.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
