CSS styles

[ozeeo]

hello all,
i have a basic question regarding CSS. i have a page that uses an
extrnal css file to get the styles for text.
for links i have a blue color, but at the bottom of my page i have
contatct, copyrights and so on. i created a custome style for this to
have it smaller and in gray. but as soon as the text is linked it will
use the defualt A:link.
How can i work around this?

Many thanks

 

[Stefan B Rusynko]

Create a separate class for the footer links
a.white {color: white; text-decoration: none}
a.white:link {color: white; text-decoration: none}
a.white:visited {color: white; text-decoration: none}
a.white:hover {color: white; text-decoration: underline}
a.white:active {color: white; text-decoration: none}

And apply the class to the links
<a href="yourlink.htm" class="white">


--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


| hello all,
| i have a basic question regarding CSS. i have a page that uses an
| extrnal css file to get the styles for text.
| for links i have a blue color, but at the bottom of my page i have
| contatct, copyrights and so on. i created a custome style for this to
| have it smaller and in gray. but as soon as the text is linked it will
| use the defualt A:link.
| How can i work around this?
|
| Many thanks
|

 

[Murray]

A more efficient way would be to give the CONTAINER for these links a
class/ID, e.g.,

<div id="bottomLinks">Your links here</div>

and then use this CSS -

#bottomLinks a { color:white;text-decoration:none; }
#bottomLinks a:hover { text-decoration:underline; }

which gets the same thing done as the rules below. It's more efficient
because you do not need to individually identify each such link - by
identifying only the link container, you can uniquely find each link within.