If the "link1" item is styled in the included file, that rule will govern because the included file is loaded in the page's body section, after the active page's head. So the items' styling has to be left out of the included file and put into the active page file. ^^^^^ This is what I wasn't understanding!!! Thank you, guys! This is entirely a matter of my not retaining the knowledge of HTML/CSS and all the bits in between. I learn enough to get by the moment I'm working on something, use it as is for 6-12 month, then come back to revamp, update, etc, and anything I learned has faded from memory. I SO appreciate the effort you each put into getting it into my thick skull!! Jen On Thu, Jun 2, 2016 at 2:10 PM, rt-sails via <[email protected]> wrote: > If I understand correctly, Jennifer wants a constant menu (SSI include) > which changes appearance with pages. Specifically, she wants the link to > the active page to change. This is doable. > > Pat offered good ideas and Barry suggested the coding. Maybe an overview > would be helpful. > > Bear in mind that a SSI-included file can be a full HTML page, with head > and body. If this menu file had classes or IDs for each link, they could be > referenced by the active page. For example, the SSI file could contain: > ... > <.li class="link1"><.a href="xxx.htm">Link 1</a></li> > <.li class=:link2"><.a href=xxy.htm">Link 2</a></li> ... > Also bear in mind that, in case of conflict, CSS priority goes to the > property stated nearest the styled element. > If the "link1" item is styled in the included file, that rule will govern > because the included file is loaded in the page's body section, after the > active page's head. So the items' styling has to be left out of the > included file and put into the active page file. > > The head section for the active page should contain the styling for the > menu items. > -rt_/) > > > > ------------------------------- > To unsubscribe from the list, please send an email to > [email protected] with the word 'unsubscribe' without > the quotes in the subject and the body of the message > -- Jennifer McKemie www.mckemie.org

Jennifer, Rob has put you on the right track. In the example I made, the linked external CSS styles represent the styles common to all your pages, and the embedded CSS is that of individual active pages. In other words, the SSI included Menu file doesn't have the page specific styles. They are the ones embedded on each page, but the overall styles for the Menu can be included in your site's external CSS. I'll have a look at the specific pages you refer to, and when I get some time I'll redo the example. Barry ----------------------- On 03/06/2016 06:49, Jennifer McKemie via wrote: > If the "link1" item is styled in the included file, that rule will > govern > because the included file is loaded in the page's body section, after > the > active page's head. So the items' styling has to be left out of the > included file and put into the active page file. > > ^^^^^ > > This is what I wasn't understanding!!!

Jennifer, I've had a look at your ONS Census1 page and the leftnav menu. I would suggest the easiest way to achieve what you want is to - (1) Remove the class="active" from the recordsmenu.txt file. (2) Insert in the head section of the census1/index.html file the following styles:- #leftnav li:nth-of-type(4) a {/* Census Records */ font-weight: bold; color: #B43030; background: transparent; text-decoration: none; pointer-events: none; cursor: default; } ... this is similar to the a.active style, but now it doesn't appear or act as a link. Or just remove it altogether using:- #leftnav li:nth-of-type(4) {/* Census Records */ display:none; } The li:nth-of-type(#) is the <li> number in the recordsmenu.txt SSI file. These styles work from IE9 and the other browsers from much earlier, but if you want to add an id to each the <li>'s, in the recordsmenu.txt file e.g. <li id="censusR"> then the above style selector #leftnav li:nth-of-type(4) can be replaced with #censusR etc.. Barry ----------------------- On 03/06/2016 08:36, Barry Carlson via wrote: > Jennifer, > > Rob has put you on the right track. > > In the example I made, the linked external CSS styles represent the > styles common to all your pages, and the embedded CSS is that of > individual active pages. In other words, the SSI included Menu file > doesn't have the page specific styles. They are the ones embedded on > each page, but the overall styles for the Menu can be included in > your > site's external CSS. > > I'll have a look at the specific pages you refer to, and when I get > some time I'll redo the example. > > Barry > > ----------------------- > > On 03/06/2016 06:49, Jennifer McKemie via wrote: >> If the "link1" item is styled in the included file, that rule will >> govern >> because the included file is loaded in the page's body section, >> after >> the >> active page's head. So the items' styling has to be left out of the >> included file and put into the active page file. >> >> ^^^^^ >> >> This is what I wasn't understanding!!! > > > > ------------------------------- > To unsubscribe from the list, please send an email to > [email protected] with the word 'unsubscribe' > without the quotes in the subject and the body of the message