How to assign a class for different colored links

Question

Hi. I'm new to CSS and HTML and Dreamweaver. I'm trying to
get links to be different colors within the same page. I have a
navbar with a CSS style that I've assigned colors to all my links
there. They work. But if I attempt to change the links in the main
content it screws up the navbar links.
So, now, I'm trying to assign the different colors to the
links in the main content. I have the link color down but I can't
seem to get the visited, hover, active to work.
So, I read somewhere you have to assign a class to be able to
have different colors for your links on the same page. There is a
class assigned to the links I want to change but it only assigns
the link color, not the visit,hover,active colors. I don't know
where I am supposed to put the code so that only the main content
links are changed. Here is what I came up with from reading and
studying. Can somebody tell me what's wrong with it and where I am
supposed to put what in each page? This is just a CSS style page I
made and I have no idea if I even did that right. Then, I can't
figure out how to tell each page to include it for that class only.
Thanks.
@charset "utf-8";
/* CSS Document */
<class="style49"
<style type="text/css">
a:link {color: #3333FF}
a:visited {color: #009900}
a:hover {color: #6600CC}
a:active {color: #FF0000}
</style> </class>

Answer 1

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Newbie744" <[email protected]> wrote in
message
news:fn3***$m6q$[email protected]..
> Hi. I'm new to CSS and HTML and Dreamweaver. I'm trying
to get links to
> be
> different colors within the same page. I have a navbar
with a CSS style
> that
> I've assigned colors to all my links there. They work.
But if I attempt
> to
> change the links in the main content it screws up the
navbar links.
>
> So, now, I'm trying to assign the different colors to
the links in the
> main
> content. I have the link color down but I can't seem to
get the visited,
> hover,
> active to work.
>
> So, I read somewhere you have to assign a class to be
able to have
> different
> colors for your links on the same page. There is a class
assigned to the
> links
> I want to change but it only assigns the link color, not
the
> visit,hover,active
> colors. I don't know where I am supposed to put the code
so that only
> the
> main content links are changed. Here is what I came up
with from reading
> and
> studying. Can somebody tell me what's wrong with it and
where I am
> supposed to
> put what in each page? This is just a CSS style page I
made and I have no
> idea
> if I even did that right. Then, I can't figure out how
to tell each page
> to
> include it for that class only.
>
> Thanks.
>
> @charset "utf-8";
> /* CSS Document */
> <class="style49"
> <style type="text/css">
> a:link {color: #3333FF}
> a:visited {color: #009900}
> a:hover {color: #6600CC}
> a:active {color: #FF0000}
> </style> </class>
>
>
>