Creating addition Hyperlink classes

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

I have no problem in re-formatting the normal a hyperlink tags. However, if I
want to add a link to a separate part of the site with different
characteristics, how can I create a different class of hyperlink, a pseudo
class I think it is called?
 
Create a pseudo style in the head section for the links
- "white" below can be any name you wants

<style type="text/css">
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}
</style>

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


--

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


|I have no problem in re-formatting the normal a hyperlink tags. However, if I
| want to add a link to a separate part of the site with different
| characteristics, how can I create a different class of hyperlink, a pseudo
| class I think it is called?
 
Consider a more efficient way to do this with descendent selectors -

<div id="whatever">
<a href="page.html">page</a>
</div>

#whatever a { ... }

That way you don't have to explicitly style each individual link.

--
Murray
--------------
MVP ExpressionWeb


firestorm1954 said:
Splendid - thanks

Stefan B Rusynko said:
Create a pseudo style in the head section for the links
- "white" below can be any name you wants

<style type="text/css">
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}
</style>

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


--

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


message
|I have no problem in re-formatting the normal a hyperlink tags. However,
if I
| want to add a link to a separate part of the site with different
| characteristics, how can I create a different class of hyperlink, a
pseudo
| class I think it is called?
 
Back
Top