Color Skin - CSS Weirdness

[HeatherC]

OK, so I am new to Subdreamer, but I have rarely had problems with CSS.

I am trying to modify the Colors Skin to my new site concept, and I doing great so far, except that I can't get my specific links to show. For example, I added a.left:link, a.right:link, and a.header:link, but none of them show as the specialized links - they all show as default a:links.

Here is my page:

http://www.shoppertunitiesonline.com/index.php?categoryid=1

Here is my styles.css:

http://www.shoppertunitiesonline.com/skins/colors/styles.css

Any thoughts?

Thanks so much.
Heather

[jessenco]

Any thoughts?
Heather

In your skins source code... try this:

<a href="admin" class="right">Click here</a>

Instead of this:

<a href="admin">Click here</a>

Otherwise your links will all use this CSS style:

a:link { font: 11px "Gill Sans", Verdana, Arial, Helvetica, sans-serif; color: #0099FF; text-decoration: underline }
a:active { font: 11px "Gill Sans", Verdana, Arial, Helvetica, sans-serif; color: #0099FF; text-decoration: underline }
a:visited { font: 11px "Gill Sans", Verdana, Arial, Helvetica, sans-serif; color: #0099FF; text-decoration: underline }
a:hover

While you rather want those links use this style:

a.right:link { font: 11px "Gill Sans", Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: underline }
a.right:active { font: 11px "Gill Sans", Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: underline }
a.right:visited { font: 11px "Gill Sans", Verdana, Arial, Helvetica, sans-serif; color: #FF6600; text-decoration: underline }
a.right:hover

Works for me!
:)

[Terminator1138]

Hmm evidently the original post decided against Subdeamer then, cuz the site linked is a Joomla site.