NOTICE: This article was published more than 15 years ago. Information in this article might be irrelevant or out of date.

Mini Slide Update – Page Indicator

I updated the Mini Slide Navigation so that there is now an active page indicator, informing the user as to where they are within the navigation/site. This was a known omission in the original version of the navigation and it was also astutely called out in a comment on my original post.

I used the “decendant selectors” method in creating the active tab, where I gave both the page’s <body> tag and each navigation item their own unique id, so I could style specific elements of the page based on the relationship to the parent element.

As usual, I have only tested this out on Firefox 1.5 and IE 6.0. I only changed the CSS and made no changes to the SlayerOffice JS. For some reason, I am seeing the “tab slider” move slightly on the initial page load. I am not exactly sure why I am seeing this, and will investigate further. I think it may have something to do with the “z-index” element I am using in the CSS, but I am just not sure (and its very late when I am posting this and I am tired). If anyone has any insight into why this may be happening, please feel free to post it in the comments area of this post, or my original post.

Inline Feedbacks
View all comments