CSS question

[DeepBlerg]

Hi guys,

This is a pretty stupid question but I'm new to CSS.

In my stylesheet I would like to define two styles for <a> links, how doI refer to them in the stylesheet and in the html script?

Thanks.

 

[mackey333]

you have to name your style like so:

name.a {}
name2.a {}

you can replace name with whatever you want, then call it like this:

<a href=&quot;

http://www.aol.com&quot;

class=&quot;name&quot;>click</a> -Greg :-Q

 

[DeepBlerg]

Hi,

I tried your solution but it doesnt seem to work, this is what I have in the stle sheet:

normal.a { text-decoration: underline; font-weight: bold }
normal.a:link { color: blue }
normal.a:visited { color: purple }
normal.a:active { background: yellow }
normal.a:hover { background: yellow }
navi.a { text-decoration: underline; font-weight: bold }
navi:link.a { color: black }
navi:visited.a { color: black }
navi:active.a { background: yellow }
navi:hover.a { background: yellow }

and this is how I refer to it in the html script:

<a href=&quot;products.shtml&quot;; class=&quot;navi&quot;>Products</a>
<a href=&quot;services.shtml&quot;; class=&quot;normal&quot;>Services</a>

What am I doing wrong?

Thanks.

 

[Boomerang]

Hi DeepBlerg,

It's :

a.navi { text-decoration: underline; font-weight: bold }
a.navi:link { color: black }
a.navi:visited { color: black }
a.navi:active { background: yellow }
a.navi:hover { background: yellow }

Further I think you do:

a.navi {text-decoration:underline; font-weight:bold; color:black }
a.navi:visited { color: black }
a.navi:active { background: yellow }
a.navi:hover { background: yellow }

Instead of:
a.navi { text-decoration: underline; font-weight: bold }
a.navi:link { color: black }
a.navi:visited { color: black }
a.navi:active { background: yellow }
a.navi:hover { background: yellow }

Hope this helps,

Erik

 

[toolkit]

Also

Do not have a semicolon in the tag:

NOT:

<a href='...'; class='...'>...</a>

BUT:

<a href='...'  class='...'>...</a>

Cheers, Neil

 

[mackey333]

oops, sorry...i got it backwards LOL -Greg :-Q