Sue E — Tue, 11 Jan 2000 05:44:00 +0000

What the heck? I don't know how this happened, but I put everything back as it was when I started, except making the corrections for the #(color) and the font-family, tried it again and it is working! I have black links in Netscape and IE, with the hover in IE too!

How does it figure? I had tried it with this same code changes before and it didn't work.

Sue E — Tue, 11 Jan 2000 05:31:00 +0000

Well, I tried that and it gave me back the black links with the blue hover in IE, but in Netscape all the links in the paragraphs are still white. I can live without the hover in Netscape, but kind of wanted to have them in IE. As I don't know what else to do, the only thing I can think of is to forget the hover in the paragraphs and add font tags to the links to return it to black. Unless, you've more ideas? I'm willing to try!

PS. Thanks for the tip about the messy code. I'm just learning all this, and that's the way to learn, by people pointing out what's wrong!

Maverick — Tue, 11 Jan 2000 04:06:00 +0000

Well, first, check your coding. It's pretty sloppy and Netscape and IE handle errors differently. Something like:

{ font-size:10pt trebuchet ms; color:black; text-decoration:underline }

is wrong since you're calling a font face (trebuchet ms) without a proper font-family prefix.

so:

{ font-size:10pt; font-family:trebuchet ms; color:black; text-decoration:underline }

If that doesn't work, do it anyway since you should always practice good coding

Then, try this:

1) Enclose the links you want to be governed by the .plain class inside a
<P CLASS="plain">

</P> tag set and use the following:
a { font-size:10pt; color:white; text-decoration:none }
a:hover { color:99ccff; text-decoration:underline }
P.plain A:hover { font-size:10pt; color:blue; text-decoration:underline }
P.plain A:link { font-size:10pt; font-family:trebuchet ms; color:black; text-decoration:underline }

Sue E — Tue, 11 Jan 2000 03:45:00 +0000

I tried it with those changes, and it didn't work. In fact, it made the links white in IE also. Is there something I need to change in the <a href> tag to make it work? Thanks for your help!!

Maverick — Tue, 11 Jan 2000 03:30:00 +0000

One more thing that I missed on the 1st read.

Include the # in your colors when using a hex value instead of the color name, so:

a { font-size:10pt; color:white; text-decoration:none }
a:hover { color:#99ccff; text-decoration:underline }
.plain A:hover { font-size:10pt; color:blue; text-decoration:underline }
.plain A:link { font-size:10pt trebuchet ms; color:black; text-decoration:underline }

Oh, by the way, you might want to consider 2 other things:

.plain A:visited {your info here} if you want to make your visited links different from the virgin links

Netscape doesn't support hover, so don't expect that one to work no matter how you code it.

[This message has been edited by Maverick (edited 10 January 2000).]

Maverick — Tue, 11 Jan 2000 03:27:00 +0000

Try this:

a { font-size:10pt; color:white; text-decoration:none }
a:hover { color:99ccff; text-decoration:underline }
.plain A:hover { font-size:10pt; color:blue; text-decoration:underline }
.plain A:link { font-size:10pt trebuchet ms; color:black; text-decoration:underline }