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> </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