CSS Issue/Question

  • Thread starter Thread starter Fuse - News
  • Start date Start date
F

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.
 
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)


Fuse - News said:
We are having some trouble getting this CSS to work.
Click to expand...
/* 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 {
Click to expand...
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;}
 
Thanks Cheryl for the extra help.

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