Different colour links on same page

Hi. I have different parts to my webpage, some are red and some are white. In
the white bit I want normal blue links and in the red i want white links.
However, if i create a new css sheet for the links they all go white. Can
someone tell me how i can apply different styles to different sets of links.
Thanks.

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


"g-rebel" <webforumsuser (AT) macromedia (DOT) com> wrote

Hi. I have different parts to my webpage, some are red and some are white.
In
the white bit I want normal blue links and in the red i want white links.
However, if i create a new css sheet for the links they all go white. Can
someone tell me how i can apply different styles to different sets of
links.
Thanks.

What you want is a new set of link pseudo-classes. Put this in your CSS
(change the colors and rules to suit your particular needs).

CSS:
-------------
..newlink:link{/*unvisited*/
color:#990000;
text-decoration:none}

..newlink:visited{/*visited*/
color:#9999FF;
text-decoration:none}

..newlink:hover{/*mouseover*/
color:#990000;
background:none;
text-decoration:underline}

..newlink:active{/*selected*/
color:#FFCC00;
text-decoration:none}

HTML:
------------
<a class="newlink" href="somelink.html">Newlink 1</a>
<a class="newlink" href="somelink.html">Newlink 2</a>
<a class="newlink" href="somelink.html">Newlink 3</a>


--
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb/
www.alt-web.blogspot.com/