[thelist] font color on links

Dallas Cahker christmasfruitcake at gmail.com
Tue May 23 12:55:31 CDT 2006


Only issue that I cant solve is when I'm on the page the link doesnt display
the right color.
For example I'm on index.html or about.html it goes to the deafult link
color rather then the active color.

Any thoughts or is that somethng handled through JS or some other means.

On 5/23/06, Sarah Adams <mrsanders at designshift.com> wrote:
>
> > I have some links and I am trying to give them a color when it is on
> that
> > page, so I was using A.active, similar to if you want to hover and have
> it
> > be a different color, however it doesnt seem to be working.
> >
> > <style>
> > .topnav{font: bolder 11px Verdana; padding-top: 25px;text-decoration:
> none}
> > .topnav.A:link{color: #4D4D4D;text-decoration: none}
> > .topnav.A:visited{color: #4D4D4D;text-decoration: none}
> > .topnav.A:active{color: #194C88;text-decoration: none}
> > .topnav.A:hover{color: #194C88;text-decoration: none}
> > </style>
>
> To do this, your CSS should be:
> .topnav a:link{color: #4D4D4D;text-decoration: none}
> .topnav a:visited{color: #4D4D4D;text-decoration: none}
> .topnav a:hover{color: #194C88;text-decoration: none}
> .topnav a:active{color: #194C88;text-decoration: none}
>
> Note the space between ".topnav" and "a", that the "a" is lowercase, and
> that the order of ":hover" and ":active" is switched. You might want to
> check out this tutorial on CSS selectors:
> http://css.maxdesign.com.au/selectutorial/
>
> <tip type="CSS pseudo-classes">
> Here's a mnemonic for remembering the correct order of link
> pseudo-classes: "love hate":
>
> link
> o
> visited
> e
>
> hover
> active
> t
> e
> </tip>
>
> --
> sarah adams
> web developer & programmer
> portfolio: http://sarah.designshift.com
> blog: http://hardedge.ca
> --
>
> * * Please support the community that supports you.  * *
> http://evolt.org/help_support_evolt/
>
> For unsubscribe and other options, including the Tip Harvester
> and archives of thelist go to: http://lists.evolt.org
> Workers of the Web, evolt !
>



More information about the thelist mailing list