Looks like the top of the last email didn't go. Here it is again. Jennifer, An example Woodard page is at:- http://countjustonce.com/test/jenny-mck.html ... and the CSS is at:- http://countjustonce.com/test/jenny-mck.html The CSS for the Woodard active page is embedded in the styles Notes: (1) The link to the active page is disabled using "pointer-events:none" (2) The link cursor changes to the default pointer if the active page link is hovered. (3) CSS is also used to set the #layoutdims using the :after {content:"name";} (4) How you highlight the active page in #header is up to you; I've just used a reddish background-color. (5) The active class is not needed, as the links to each page are selected using - #header li:nth-of-type(#) a {css:value} Hope that helps; ask if in doubt. Barry ----------------------------- On 02/06/2016 11:00, Jennifer McKemie wrote: Yep! I just don't understand how to do the styles. If I add something to the external style sheet, if I add a style somehow where it adds the include, or if I add styles like I do a non-external style sheet and they cover the thing. I mean, literally where do I add the active/current designation?
Thank you, Barry! Question, though...and forgive me if I sound completely like an idiot...but is this not a redo of the one I have already on that page? I have a way of differentiiating/showing the active page that's working there...the one I am struggling with is the Mck pages, the ones that I use <.!--#include virtual="recordsmenu.txt" --> in which to show the menu - an example: http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/onenamestudy/records1/census1/index.html <http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/onenamestudy/records1/census1/index.html> the menu that renders on the left side, that's the one I want to distiguish..I want to be able to show the user they are in the Bible section, versus the land section versus the will section, etc. Currently, the menu is rendered by the include and so I can't write the "action" part like I have done with the tabbed menu (<.li><.a href=" http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/ANDERSON/index.html" alt="Anderson Family" title="Anderson Family" class="active">Anderson <.span>Family<./span><./a><./li>) That menu is on this page: http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/ANDERSON/index.html Or am I totally missing the point of what you've done? Jen On Thu, Jun 2, 2016 at 12:19 AM, Barry Carlson <[email protected]> wrote: > Looks like the top of the last email didn't go. Here it is again. > > Jennifer, > > An example Woodard page is at:- > > http://countjustonce.com/test/jenny-mck.html > > ... and the CSS is at:- > > http://countjustonce.com/test/jenny-mck.html > > The CSS for the Woodard active page is embedded in the <head> styles > > Notes: > > (1) The link to the active page is disabled using > "pointer-events:none" > > (2) The link cursor changes to the default > pointer if the active page link is hovered. > > (3) CSS is also used to > set the #layoutdims using the :after {content:"name";} > > (4) How you highlight the active page in #header is up to you; > I've just used a reddish background-color. > > (5) The active class is not needed, as the > links to each page are selected using - > > #header li:nth-of-type(#) a > {css:value} > > Hope that helps; ask if in doubt. > > Barry > > > ----------------------------- > > On 02/06/2016 11:00, Jennifer McKemie > wrote: > Yep! I just don't understand how to do the styles. If I add > something to the external style sheet, if I add a style somehow where it > adds the include, or if I add styles like I do a non-external style > sheet and they cover the thing. > I mean, literally where do I add the > active/current designation? > > > > > -- Jennifer McKemie www.mckemie.org