Navbar that shows which link is the current page

[mjs]

Hope I didn't miss this in the thread. I have set this up and it works fine in FF but doesn't function in IE7. Did I miss something? thx

[jfriend]

Typically, you are supposed to reply in the thread about the customization so that I am guaranteed to see your post and so that others using the customization can see our conversation.

Anyway, the script is doing it's job just fine. Your CSS for highlighting the current option is not working properly. I'm not sure why, but you should remove this line since it's causing an error and see if that helps:


#navcontainer ul li a {
text-decoration: none;
padding: .4em 1em;
color: #fff;
background-color: #;
}

I use this for my CSS for the navbar and active page and don't have a problem in IE:

#navcontainer {
font-size: 120%;
width: 400px;
height: 31px;
float:right;
}

#navcontainer ul {
margin: 0;
padding: 5px 0;
list-style-type: none;
text-align: right;
}

#navcontainer li {
display: inline;
margin: 0 8px;
}


#navcontainer a {
text-decoration: none;
color: #FFFFFF;
padding: 2px 0 1px 0;
}

#navcontainer a:hover {color: #FFFF00;}

/* don't change the text color of the current item */
#navcontainer .navCurrentPage:hover {color:#FFFFFF;}

/* highlight individual menu items when their page is current */
#navcontainer .navCurrentPage {
border-bottom: 1px solid #DDDD00;
border-top: 1px solid #DDDD00;
}

[mjs]

Typically, you are supposed to reply in the thread about the customization so that I am guaranteed to see your post and so that others using the customization can see our conversation.

Anyway, the script is doing it's job just fine. Your CSS for highlighting the current option is not working properly. I'm not sure why, but you should remove this line since it's causing an error and see if that helps:


#navcontainer ul li a {
text-decoration: none;
padding: .4em 1em;
color: #fff;
background-color: #;
}


I use this for my CSS for the navbar and active page and don't have a problem in IE:

#navcontainer {
font-size: 120%;
width: 400px;
height: 31px;
float:right;
}

#navcontainer ul {
margin: 0;
padding: 5px 0;
list-style-type: none;
text-align: right;
}

#navcontainer li {
display: inline;
margin: 0 8px;
}


#navcontainer a {
text-decoration: none;
color: #FFFFFF;
padding: 2px 0 1px 0;
}

#navcontainer a:hover {color: #FFFF00;}

/* don't change the text color of the current item */
#navcontainer .navCurrentPage:hover {color:#FFFFFF;}

/* highlight individual menu items when their page is current */
#navcontainer .navCurrentPage {
border-bottom: 1px solid #DDDD00;
border-top: 1px solid #DDDD00;
}




Once again thanks for your reply. Deleting the red doesn't do it but pasting your code in does. However it pushed all things out of align. Hopefully I can figure out how to adjust it.

As for where to post. I apologize, however there have been times I have posted in the thread that was taking place and either no one answered or my question was just passed over as the thread continued. Hard to figure this forum out sometimes. Thx again.

[jfriend]

Once again thanks for your reply. Deleting the red doesn't do it but pasting your code in does. However it pushed all things out of align. Hopefully I can figure out how to adjust it.

As for where to post. I apologize, however there have been times I have posted in the thread that was taking place and either no one answered or my question was just passed over as the thread continued. Hard to figure this forum out sometimes. Thx again. Yeah it is hard to figure out where to post sometimes. In this case, you want me (the person who wrote the customization) to be sure and see your post. Your best chance for that is the thread I started about the customization.