It looks like you already had the idea but I add a class="current" to the
<a> and this in my CSS:
#menu ul a.current, #menu ul a:link.current, #menu ul a:visited.current,
#menu ul a:hover.current {
background: url(images/button_current.gif) top left no-repeat;
cursor: default;
color: #ffffff;
}
FireFox will allow just the #menu ul a.current but without all the
psuedoclasses IE will not display the "current" button which is different
from the normal and hover states.
Mike
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Ross Hulford
Sent: Tuesday, February 13, 2007 3:17 AM
To: [email protected]
Subject: [css-d] link style problem
Hello,
I have about 20 links in a side menu
<a href="1.php">link one</a><br />
<a href="2.php">link two </a><br />
<a href="3.php">link three </a><br />
<a href="4.php">link four</a><br />
<a href="5.php">link five</a><br />
<a href="6.php">link six </a><br />
They are links to 20 locations. The layout of the pages are identical the
only thing that changes is the address and map.
The body id of all 20 pages is the same <body id="contacts"> but I need a
clever way to highlight the link when I am on that particular pages.
I do not want multiple body id's if possible and the links list is a common
file inserted via php (the locations often change and I only want to make
one central ammendment)
I could do it with id's on the <a> tags and inline css but this seems a bit
messy and bad practice.
Any ideas?
R.
______________________________________________________________________
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/
______________________________________________________________________
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/
