Hi all,
I am currently trying to develop my own theme. I have started off with an existing theme and I am slowly going through and trying to modify it to suit my design.
One thing im stuck with is how to make my horizontal nav button stay highlight when the user is on that page.
My site is here
And if you scroll over teh horizontal nav bar the colour changes to a black gradient.
I would like whatever button it is to stay in teh hover over colour when a user clicks on teh page to show the user what page they are on... i hope this makes sense?
Any help appreciated!
The css for the nav section is as follows.
.navigation {
background:#d7d7d7 url('img/nav.jpg');
height: 28px
}
.navigation a {
background: #d7d7d7 url('img/nav.jpg');
border-right: 4px solid #d7d7d7;
color: #fff;
display: block;
float: left;
text-decoration: none;
font: bold 1em sans-serif;
line-height: 28px;
padding: 0 20px;
}
.navigation a:hover {background-position: left bottom; color: #fff; text-decoration: underline}
