VeronicaCBurgess
Technical User
I have a simple navigation of text links down the left side of my page like so:
Home
Parent Club
Fundraisers
Teachers
etc...
If the viewer is on the "Parent Club" page, then the actual link should be highlighted/bolded and the hyperlink disabled, example:
Home
Parent Club
Fundraisers
Teachers
etc...
Is this possible without having to format it manually for each page?
PS: (In case it's relevent)the link style is controlled with CSS. As follows:
=======================
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006600;
text-decoration: underline;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #9900FF;
text-decoration: underline;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006600;
text-decoration: none;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006600;
text-decoration: underline;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000066;
}
.pagetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #006600;
Any help would be appreciated as I have searched endlessly for the answer.
Veronica
Home
Parent Club
Fundraisers
Teachers
etc...
If the viewer is on the "Parent Club" page, then the actual link should be highlighted/bolded and the hyperlink disabled, example:
Home
Parent Club
Fundraisers
Teachers
etc...
Is this possible without having to format it manually for each page?
PS: (In case it's relevent)the link style is controlled with CSS. As follows:
=======================
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006600;
text-decoration: underline;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #9900FF;
text-decoration: underline;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006600;
text-decoration: none;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #006600;
text-decoration: underline;
}
.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000066;
}
.pagetitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #006600;
Any help would be appreciated as I have searched endlessly for the answer.
Veronica