[thelist] help needed with javascript rollovers/IE error message

plankton yuilui at myrealbox.com
Mon Jan 22 06:27:31 CST 2001


Hi,

Shouldn't it be : 

a.classname:link 
and not 
a:link.classname ?

http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes
http://www.w3.org/TR/REC-CSS1#anchor-pseudo-classes

> Memo from Martin P Burns of PricewaterhouseCoopers
> 
> -------------------- Start of message text --------------------
> 
> Alisa
> 
> If all you want to do is have the bold text happen when the user
> hovers over the link, why not achieve:
> * Better accessibility
> * Better cross-browser compatibility
> * Lower download time
> * Less chance of JS errors
> 
> by doing it with normal text and CSS?
> 
> Here's how.
> 
> Make all the links normal text, rather than images, like this:
> <a href="sponsors.html">Sponsors</a>
> 
> Boring, normal text, right? Here's the clever bit. You put this
> in the head section:
> <link rel="stylesheet" href="/resources/general.css">
> Change the nav links to:
> <a href="sponsors.html" class="nav">Sponsors</a>
> Then add a file called general.css in the /resources folder
> (http://www.styleworks.org/resources/general.css) which
> contains the following:
> A:LINK.nav  {
>          color: Black;
>          font-size : 18pt ;
>      text-align : right;
>      font : Arial, Helvetica;
> 
>         }
> 
> A:HOVER.nav {
>          font-weight : bold;
>         }
> 
> Hey presto - instant rollovers, without JavaScript.






More information about the thelist mailing list