M
Michelle
I recently got some excellent advice from Jim Buyens on how to insert the
(Web Component, Included Content, Page) feature regarding navigation. I now
have pages with menus that I can insert on each page. It works great thanks
to Jim.
Now, I would like to know what script I can include in my CSS (or
javascript) that will allow me to do the following per the scenario.
When a person clicks on a link in the page (the Wbb Component), it takes you
to the link. The link to that page, which is still in the Web Component and
displayed on the linked page, is still active while at the linked page it
took you to. For example, if you clicked on "Home", the home page would
still have a live link to "Home" even though you are already there.
What I would like to do is when you get to the page for the link to become
inactive for that page. ALSO, I want to replace the background .gif to a new
..gif behind the "inactive link".
Jim, or anybody else out there, can you please help? My CSS is as follows:
CSS=
div#left_navigation
{
float: left;
width: 180px;
padding-top: 2em;
border-right: 1px;
}
div#left_navigation ul
{
list-style-type: none;
padding: 0px;
margin: 4;
}
div#left_navigation ul li { margin-top: 2px; }
#left_navigation ul li a
{
display: block;
width: 180px;
padding: 3px 5px 3px 5px;
text-decoration: none;
text-align: left;
font-size : 80%;
font-weight : normal;
color: #ffFF00;
background-image: url(secure/0508-line7.gif);
background-repeat: repeat-y;
}
#left_navigation ul li a:hover
{
color: blue;
text-align: right;
font-weight : bold;
background-image: url(secure/0508-line5.gif);
background-repeat: repeat-y;
}
(Web Component, Included Content, Page) feature regarding navigation. I now
have pages with menus that I can insert on each page. It works great thanks
to Jim.
Now, I would like to know what script I can include in my CSS (or
javascript) that will allow me to do the following per the scenario.
When a person clicks on a link in the page (the Wbb Component), it takes you
to the link. The link to that page, which is still in the Web Component and
displayed on the linked page, is still active while at the linked page it
took you to. For example, if you clicked on "Home", the home page would
still have a live link to "Home" even though you are already there.
What I would like to do is when you get to the page for the link to become
inactive for that page. ALSO, I want to replace the background .gif to a new
..gif behind the "inactive link".
Jim, or anybody else out there, can you please help? My CSS is as follows:
CSS=
div#left_navigation
{
float: left;
width: 180px;
padding-top: 2em;
border-right: 1px;
}
div#left_navigation ul
{
list-style-type: none;
padding: 0px;
margin: 4;
}
div#left_navigation ul li { margin-top: 2px; }
#left_navigation ul li a
{
display: block;
width: 180px;
padding: 3px 5px 3px 5px;
text-decoration: none;
text-align: left;
font-size : 80%;
font-weight : normal;
color: #ffFF00;
background-image: url(secure/0508-line7.gif);
background-repeat: repeat-y;
}
#left_navigation ul li a:hover
{
color: blue;
text-align: right;
font-weight : bold;
background-image: url(secure/0508-line5.gif);
background-repeat: repeat-y;
}