Help with <a> problems?

[Doug]

I'm having problems with my <a>'s in my stylesheets.

It seems to work fine with Internet Explorer, but Firefox does not highlight or even show them as links.

My website is www.kcexcels.com, and I am posting the stylesheet here to see if some one could possibly help me with this.

Thanks


body {
font: 12pt sans-serif;
color: black;
}
.frame {
position: absolute;
top: 125px;
left: 0px;
width: 175px;
height: 1200px;
background: url("background2.jpg") repeat-y;
}
a {
font-size: 8pt;
font-weight: bold;
color: black;
text-decoration: none;
}
a:hover {
color: red;
}
a.home {
position: absolute;
top: 15px;
padding-left: 10px;
}
a.chat {
position: absolute;
top: 45px;
padding-left: 10px;
}
a.clients {
position: absolute;
top: 65px;
padding-left: 10px;
}
a.commands {
position: absolute;
top: 85px;
padding-left: 10px;
}
a.radar {
position: absolute;
top: 115px;
padding-left: 10px;
}
a.watches {
position: absolute;
top: 135px;
padding-left: 10px;
}
a.forecast {
position: absolute;
top: 155px;
padding-left: 10px;
}
a.prediction {
position: absolute;
top: 175px;
padding-left: 10px;
}
.availability {
position: absolute;
top: 205px;
padding-left: 10px;
font-size: 8pt;
color: blue;
}
a.composite {
position: absolute;
top: 285px;
padding-left: 10px;
}
a.reflectivity {
position: absolute;
top: 305px;
padding-left: 10px;
}
a.velocity {
position: absolute;
top: 325px;
padding-left: 10px;
}
a.about {
position: absolute;
top: 355px;
padding-left: 10px;
}
a.contact {
position: absolute;
top: 375px;
padding-left: 10px;
}
a.memory {
position: absolute;
top: 395px;
padding-left: 10px;
}
.intro {
position: absolute;
top: 160px;
padding-left: 220px;
}
.radar {
position: absolute;
top: 140px;
padding-left: 190px;
}
.radar-sidebar {
position: absolute;
top: 140px;
padding-left: 760px;
}

[DanThMan]

I'm having problems with my <a>'s in my stylesheets.

It seems to work fine with Internet Explorer, but Firefox does not highlight or even show them as links.

My website is www.kcexcels.com, and I am posting the stylesheet here to see if some one could possibly help me with this.

Thanks


body {
font: 12pt sans-serif;
color: black;
}
.frame {
position: absolute;
top: 125px;
left: 0px;
width: 175px;
height: 1200px;
background: url("background2.jpg") repeat-y;
}
a {
font-size: 8pt;
font-weight: bold;
color: black;
text-decoration: none;
}
a:hover {
color: red;
}
a.home {
position: absolute;
top: 15px;
padding-left: 10px;
}
a.chat {
position: absolute;
top: 45px;
padding-left: 10px;
}
a.clients {
position: absolute;
top: 65px;
padding-left: 10px;
}
a.commands {
position: absolute;
top: 85px;
padding-left: 10px;
}
a.radar {
position: absolute;
top: 115px;
padding-left: 10px;
}
a.watches {
position: absolute;
top: 135px;
padding-left: 10px;
}
a.forecast {
position: absolute;
top: 155px;
padding-left: 10px;
}
a.prediction {
position: absolute;
top: 175px;
padding-left: 10px;
}
.availability {
position: absolute;
top: 205px;
padding-left: 10px;
font-size: 8pt;
color: blue;
}
a.composite {
position: absolute;
top: 285px;
padding-left: 10px;
}
a.reflectivity {
position: absolute;
top: 305px;
padding-left: 10px;
}
a.velocity {
position: absolute;
top: 325px;
padding-left: 10px;
}
a.about {
position: absolute;
top: 355px;
padding-left: 10px;
}
a.contact {
position: absolute;
top: 375px;
padding-left: 10px;
}
a.memory {
position: absolute;
top: 395px;
padding-left: 10px;
}
.intro {
position: absolute;
top: 160px;
padding-left: 220px;
}
.radar {
position: absolute;
top: 140px;
padding-left: 190px;
}
.radar-sidebar {
position: absolute;
top: 140px;
padding-left: 760px;
}

At a quick glance I've noticed this...
a:hover....should be
a.hover
There may be more errors but I'm in a hurry...;)

[Doug]

DanThMan,

The a:hover is meant to change the color of the link as they hover the mouse pointer over it.
I have two css books I've been using to figure things out since I am very new to all this,
but they both list a:hover as the way to do it.

It works ok in Internet Explorer, but not in Firefox

The index.html seems to work in both, but when you click on the chat link from the homepage,
then the links stop working properly in FireFox.

I'm stumped on this.

[DanThMan]

Sorry! I said I was in a hurry ;) Got things mixed up....
I've been looking at your site and your stylesheets doesn't show up!
Have you done the linking properly?

[Terminator1138]

Well all i can say is i see red hover effect in FFox? Is there a dif error you are talking about

[Terminator1138]

CSS Validator results (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.kcexcels.com/)

[DanThMan]

Hello Term!
Now it's fine...when I checked, there were links to a frame.css and a banner.css.....
which were not to be found.
To the thread creator...
I think you were viewing you're local page, and that you now have found
the linking error on the uploaded page..am I right?
been there, done that ;) even if it was a long time ago!

and Term.. why aren't you camping outside your local theatre?
Of course you are, stupid me...you must be on a wireless laptop and have the force with you
Oh my god...yet another Jedi ;)

[Doug]

Thanks for replying DanThMan and Terminator.

I found out what I was doing wrong.

I changed my stylesheet to one, instead of two separate ones, and I put things in display blocks which I didn't have previously.

Seems to be working now.

Thanks again for answering.

Doug

[Terminator1138]

Hello Term!
and Term.. why aren't you camping outside your local theatre?
Of course you are, stupid me...you must be on a wireless laptop and have the force with you
Oh my god...yet another Jedi ;)
Good one there DanThMan :)

Got my tickets, order them online, I waited long enought to see George Lucas in the freezing rain all night long so did not feel like standing in line for something that was not exclusive :)