Re: Changing "link" properties using style sheets...
by =?iso-8859-1?Q?Josu=E9?= Figueira Machado <jmachado(at)mindspring.com>
|
| Date: |
Thu, 17 Jan 2002 13:29:00 -0500 |
| To: |
"Michael Boyer" <galdor7(at)hotmail.com>,
hwg-style(at)hwg.org |
| In-Reply-To: |
hotmail |
| |
todo: View
Thread,
Original
|
|
<html>
Michael,<br><br>
It can, but you need to specify the class for each link. Something like
this:<br><br>
<font size=3D4>a:link { color: red }<br>
a.</font>council<font size=3D4>:visited { color: blue }<br><br>
<.a </font>class=3D"council"
href=3D"mayor.shtml<font size=3D4>>Your link<./a><br><br>
Check
<a href=3D"http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-classes" =
eudora=3D"autourl">http://www.w3.org/TR/REC-CSS2/selector.html#link-pseudo-c=
lasses</a>
if this is not clear. HTH,<br><br>
Josu=E9<br><br>
<br><br>
</font>At 10:57 AM 1/17/2002 -0500, Michael Boyer wrote:<br>
<blockquote type=3Dcite class=3Dcite cite>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?<br><br>
Here's what I have for my style sheet and what I'm trying to do:<br><br>
<br>
<!--Style Sheet<br><br>
body {<br>
<x-tab> </x-tab>background:=
#FFFFFF;<br>
<x-tab> </x-tab>color:=
black;<br>
<x-tab> </x-tab>font-size:=
12pt;<br>
<x-tab> </x-tab>font-family:=
times new roman;<br>
}<br><br>
.council=
{<x-tab> </x-tab>text-decoration:=
none;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>background-color:=
none;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>color: #FFFF80<br>
<x-tab> </x-tab><x-tab> =
</x-tab>font-size: 12pt;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>font-family: arial;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>font-weight: bold;<br>
<x-tab> </x-tab> &=
nbsp; }<br><br>
a:link<x-tab> </x-tab>{<x-tab>  =
; </x-tab>text-decoration: none;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>color: #3F6DE1;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>font-size: 12pt;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>font-family: arial;<br>
<x-tab> </x-tab><x-tab> =
</x-tab>font-weight: bold;<br>
<x-tab> </x-tab>}<br>
--><br><br>
<!--HTML Code<br>
<table><br>
<tr align=3D"center" bgcolor=3D"#426EFC"=
width=3D"294"><br>
<td><P><A class=3D"council"=
Href=3D"mayor.shtml">Donald E. Esty=
Jr.<BR>Mayor</a></P></td><br>
<td>&nbsp;</td><br>
</tr><br><br>
...more table rows etc.<br><br>
--><br><br>
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?<br><br>
Thanks for any help...<br><br>
Michael Boyer<br>
Technology Support Specialist<br>
City of Westbrook, ME<br>
galdor7(at)hotmail.com<br>
mboyer(at)westbrook.me.us<br><br>
<br><br>
<br><br>
<br>
_________________________________________________________________<br>
MSN Photos is the easiest way to share and print your photos: <a=
href=3D"http://photos.msn.com/support/worldwide.aspx"=
eudora=3D"autourl">http://photos.msn.com/support/worldwide.aspx</a><br>
</blockquote></html>
HWG hwg-style mailing list archives,
maintained by Webmasters @ IWA