Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 4676 | Replies: 3
•
•
Join Date: Jun 2005
Posts: 6
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
Highlight the text menu if on current page I like to know if CSS can be used to highlight the CSS nav menu if the current page is the page that the menu links to. For example, the folowing code is my side bar navigation menu.
How do add to this or modify this code so that the nav menu will be hightlighed if the use is on that current page?
Your help is appreciated.
ljCharlie
#lftSideMenu {
float: left;
width: 165px;
margin: 0 0px 0 0;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
padding-bottom: 5px;
padding-left: 5px;
}
#lftSideMenu ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
list-style-type: none;
margin-left: 0px;
padding-left: 0px;
color: #000066;
font-weight: bold;
}
#lftSideMenu li {
margin: 0px;
padding: 0px;
}
#lftSideMenu A:link{
padding: 0px 0px 0px 5px;
text-decoration: none;
display: block;
width: 100%;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#lftSideMenu A:visited{
padding: 0px 0px 0px 5px;
text-decoration: none;
display: block;
width: 100%;
margin: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
color: #0000CC;
}
#lftSideMenu A:hover{
font-weight: bold;
background-color: #FFCC99;
color: #000033;
text-decoration: none;
margin: 0px;
padding: 0px 0px 0px 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000000;
}
#lftSideMenu A:active {
background-color: #FF6600;
}How do add to this or modify this code so that the nav menu will be hightlighed if the use is on that current page?
Your help is appreciated.
ljCharlie
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Threaded Mode