- ON page link style
- Posted by Joe Joe on March 23rd, 2006
Here is my CSS for link behavior in sub nav on page. The client wants the
active page or page you are on to have a slightly larger font size and be
underlined. Problem is with the code I have below, when you roll over the
..onPage link it reverts to the smaller size, jumping around. Any suggestion?
Thanks
<a href="#" class="onPage">copy here</a></p>
<a href="#">copy here</a></p>
#rightNavcontent a {
font-size: 75%;
font-weight: bold;
color: #0A2E5A;
text-decoration: none;
}
#rightNavcontent a:visited {
font-size: 75%;
font-weight: bold;
color: #808083;
text-decoration: none;
}
#rightNavcontent a:hover {
font-size: 75%;
font-weight: bold;
color: #0A2E5A;
text-decoration: underline;
}
#rightNavcontent a:active {
font-size: 75%;
font-weight: bold;
color: #009DDC;
text-decoration: underline;
}
#rightNavcontent .onPage, a:link, a:hover {
font-size: 85%;
font-weight: bold;
color: #0A2E5A;
text-decoration: underline;
}
- Posted by Mark Parnell on March 23rd, 2006
Deciding to do something for the good of humanity, Joe Joe
<spamblocker@excite.com> declared in alt.www.webmaster:
Get rid of the comma.
And while you're at it, increase all the font sizes - navigation is far
too critical to make it unreadable.
--
Mark Parnell
Now implementing http://blinkynet.net/comp/uip5.html


