CSS Issue/Question

[Fuse - News]

We are having some trouble getting this CSS to work.

/* Channel Links */
..navchannels {background-color: #9F1618; border-left: 1px #000000 solid;
border-right: 1px #000000 solid; border-top: 1px; border-bottom: 1px #000000
solid; font-weight: bold; font-size: 11px; color: #FFFFFF; padding: 1px;
width: 136px;}
a.navchannels a:active,a:link,a:visited {text-decoration: none; color:
#FFFFFF;}
td.navchannels a:hover {text-decoration: underline;}

/* Industry Links */
..navindustry {background-color: #6B6B6B; border-left: 1px #000000 solid;
border-right: 1px #000000 solid; border-top: 1px; border-bottom: 1px #000000
solid; font-weight: bold; font-size: 11px; color: #FFFFFF; padding: 1px;
width: 136px;}
a.navindustry a:active,a:link,a:visited {text-decoration: none; color:
#FFFFFF;}
td.navindustry a:hover {text-decoration: underline;}

For some reason, the active,link,visited text color isn't working properly.
When we remove either of the two from the code, the one works. But, when
both are in the code, neither work.

I thought if you give each their own unique name, it shouldn't enterfear
with the other. But they are in some way or another.

Any help would be appreacited.

 

[Bill Schroyer]

Just messed with a little, works for me.
When you set the class are you using .navchannel or
navchannel?

Bill Schroyer
(e-mail address removed)
http://www.frontpagewiz.com

 

[Cheryl Wise]

Couple of ideas why you could be having problems. First you have the
shorthand order in your border declarations. I'm going to assume you wanted
the same border on all sides, if that is the case try this:

/* Channel Links */
..navchannels {
background-color: #9F1618;
border: 1px solid #000000 ;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
padding: 1px;
width: 136px;
}

The reason your pseudo classes on the links don't work is because your sytax
is wrong there as well. You need to have the class in every state if you
want them to inherit properly.

a.navchannels:link, a.navchannels:active, a.navchanels:visited {
text-decoration: none;
color: #FFFFFF;
}
td.navchannels a:hover {
text-decoration: underline;
}

Much easier to find problems when the css is formatted on separate lines
instead of jumbled together.
--
Cheryl D. Wise
MS-MVP-FrontPage
(e-mail address removed)

We are having some trouble getting this CSS to work.

/* Channel Links */
..navchannels {
background-color: #9F1618;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-top: 1px;
border-bottom: 1px #000000 solid;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
padding: 1px;
width: 136px;
}

a.navchannels a:active,a:link,a:visited {text-decoration: none; color:
#FFFFFF;}
td.navchannels a:hover {text-decoration: underline;}

/* Industry Links */
.navindustry {

background-color: #6B6B6B;
border-left: 1px #000000 solid;
border-right: 1px #000000 solid;
border-top: 1px;
border-bottom: 1px #000000 solid;
font-weight: bold;
font-size: 11px;
color: #FFFFFF;
padding: 1px;
width: 136px;}

 

[Fuse - News]

Thanks Cheryl for the extra help.

I found the problem before you posted this. Was a small oversight on my
part.