Re: Changing "link" properties using style sheets...

by "Lisa Bradshaw" <zibbler(at)mediaone.net>

 Date:  Thu, 17 Jan 2002 13:14:14 -0500
 To:  "Michael Boyer" <galdor7(at)hotmail.com>,
<hwg-style(at)hwg.org>
 References:  hotmail
  todo: View Thread, Original
Set up a seperate class for each anchor you want to affect. For example you
could do something like this:

a:link.council { text-decoration: none;
 background-color: none;
color: #FFFF80
 font-size: 12pt;
 font-family: arial;
 font-weight: bold;
      }

a:link.other { text-decoration: none;
 background-color: none;
color: #FFFF80
 font-size: 12pt;
 font-family: arial;
 font-weight: bold;
      }

etc...  Then just use the class name for the link you want to affect :
<.a href="blah" class="council">Blah<./a>
<.a href="foo" class="other">Foo<./a>

HTH,
Lisa

----- Original Message -----
From: "Michael Boyer" <galdor7(at)hotmail.com>
To: <hwg-style(at)hwg.org>
Sent: Thursday, January 17, 2002 10:57 AM
Subject: Changing "link" properties using style sheets...


> I was under the impression that the "link" property could be changed with
a
> "class" specification but I can't seem to get it working. How do I go
about
> having differen't links have different properties to them using style
> sheets?
>
> Here's what I have for my style sheet and what I'm trying to do:
>
>
> <!--Style Sheet
>
> body {
> background: #FFFFFF;
> color: black;
> font-size: 12pt;
> font-family: times new roman;
>      }
>
> .council { text-decoration: none;
> background-color: none;
> color: #FFFF80
> font-size: 12pt;
> font-family: arial;
> font-weight: bold;
>      }
>
> a:link { text-decoration: none;
> color: #3F6DE1;
> font-size: 12pt;
> font-family: arial;
> font-weight: bold;
> }
> -->
>
> <!--HTML Code
> <table>
> <tr align="center" bgcolor="#426EFC" width="294">
>      <td><P><A class="council" Href="mayor.shtml">Donald E. Esty
> Jr.<BR>Mayor</a></P></td>
>      <td>&nbsp;</td>
> </tr>
>
> ...more table rows etc.
>
> -->
>
> As you can see I have an "Anchor" in the table, but I don't want it to
carry
> the styles of the normal a:link style, but I want it to be a special
style,
> the style specified in "council". But this doesn't seem to be working. Is
> this even possible, and if so, how do I do it?
>
> Thanks for any help...
>
> Michael Boyer
> Technology Support Specialist
> City of Westbrook, ME
> galdor7(at)hotmail.com
> mboyer(at)westbrook.me.us
>
>
>
>
>
>
> _________________________________________________________________
> MSN Photos is the easiest way to share and print your photos:
> http://photos.msn.com/support/worldwide.aspx
>
>

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA