[pandapete]

Hello everyone again.

Another problem with CSS I'm afraid.

I am trying to have different CSS values for my a links. That is, I want some links in 1 area of a page to look like 1 thing, and other links in another section of the page to look differently.

I have looked at some stylesheets that have this happening, but for some reason it is not working for me.

Here is the CSS code I am using.

a:link {
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

a:visited {
	font-family: Tahoma;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.mainText {
	color: #999999;
	font-family: Arial, Tahoma, sans serif;
	font-size: 12px;
	text-decoration: none;
}

a.mainText {
	color: navy;
	font-family: Arial, Tahoma, sans serif;
	font-size: 12px;
	text-decoration: none;
}

a.mainText:hover {
	color: blue;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	text-decoration: underline;
}

a.mainText:visited {
	color: navy;
	font-family: Arial, Tahoma, sans serif;
	font-size: 12px;
	text-decoration: none;
}

.textSubtitle {
	color: #333333;
	font-family: Arial, Tahoma, "MS Sans Serif";
	font-size: 14px;
	text-decoration: none;
}

a.textSubtitle {
	color: navy;
	font-family: Arial, Tahoma, sans serif;
	font-size: 14px;
	text-decoration: none;
}

a.textSubtitle:visited {
	color: #804000;
	font-family: Arial, Tahoma, sans serif;
	font-size: 14px;
	text-decoration: none;
}

a.textSubtitle:hover {
	color: blue;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 14px;
	text-decoration: underline;
}

I have then tried placing the class calls in a <td>, a <p>, a <div>, and a <span>,with the code <td class="textMain">, etc.

I thought that if the cell had standard text, it would show the color #999999;, but when an <a> link is inserted, it would then change the text to the a.textMain class.

The only links that will appear are the standard 'a' classes, and not the different links I am asking for.

What am I doing wrong.

Thanks all.

Pete.

[cnelson04]

Hmmm, maybe try <a href="blah.html" style="textmain"> I think this is how i got mine to work. But i don't remeber exactly. -cnelson.

[cnelson04]

Hmm, i think i found out why you have..
"a.maintext:link" it should be..

".maintext a:link"

then..
<div class="maintext">
<a href="#">Menu Link</a>
<a href="#">Menu Link</a>
<a href="#">Menu Link</a>
</div>
-cnelson.

[pandapete]

Thanks for that.

It works.

Wonder why a style sheet I was looking at for inspiration was written the other way.

No worries, all sorted.

[Big-K]

it can also be a:link.main i believe