/    Sign up×
Community /Pin to ProfileBookmark

Very simple CSS Netscape/Mozilla Question….

Copy linkTweet thisAlerts:
Dec 09.2002

I am building a web page and at the bottom, I’m using CSS to override the default link colors. Basically I want them to all look white. It works fine in IE but not Netscape – the link colors (standard blue – purple) still appear as is.

In the <head> tag I have:

[quote]

<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
<meta name=”GENERATOR” content=”Mozilla/4.78 [en] (Win98; U) [Netscape]”>
<title>College Transit</title>
<style type=”text/css”>

.white10ptarial{
font-weight: bold;
font-size: -1;
color: white;
font-family: Arial,Helectiva;
text-decoration: none
}

[/quote]

And in the actual text I have <a class=”white10ptarial” href=”blah blah blah”….

Like I said displays fine in IE but not Netscape. Any ideas?

to post a comment
CSS

12 Comments(s) ↴

Copy linkTweet thisAlerts:
@Zach_ElfersDec 09.2002 — Try a.white10ptarial: property {

}

where propertry is link, hover, active, visited.
Copy linkTweet thisAlerts:
@cisauthorDec 09.2002 — Huhh?

?
Copy linkTweet thisAlerts:
@Zach_ElfersDec 09.2002 — I guess that letter combo makes a smiley. I'll fix that.
Copy linkTweet thisAlerts:
@cisauthorDec 09.2002 — Didn't work.

I tried:

.white10ptarial:property{

font-weight: bold;

font-size: -1;

color: white;

font-family: Arial,Helectiva;

text-decoration: none

}

And it works in neither Netscape or IE. Am I supposed to change the [b]class[/b] tag too? (If possible, please provide specifics....

Thx...!
Copy linkTweet thisAlerts:
@Zach_ElfersDec 09.2002 — No. property stands for link, hover, active, or visited.

link = a link before it is clicked

hover = when the mouse is moved over it

active = when it has the dotted line around it

visited = a link after it is clicked
Copy linkTweet thisAlerts:
@cisauthorDec 09.2002 — Sorry, I miswrote - just reedited -

Am I supposed to change the class="white10ptarial" to class="white10ptarial:property"

Does this fix only work for Netscape or for IE also as well?
Copy linkTweet thisAlerts:
@Zach_ElfersDec 09.2002 — No. The class white10ptarial is fine. In the CSS style sheet put:

[B]a.white10ptarial:hover[/B]

for example. white10ptarial is still the class but before it is put [B]a[/B] which means this is for the <a> HTML tag which is used to create links. After the class is [B]:hover[/B] which means that the <a class="white10ptarial" when the mouse is over the link, it will get the formatting you give it.
Copy linkTweet thisAlerts:
@Zach_ElfersDec 09.2002 — <style>

a.white10ptarial:link {

font-weight: bold;

font-size: -1;

color: white;

font-family: Arial,Helectiva;

text-decoration: none

}

a.white10ptarial:hover {

font-weight: bold;

font-size: -1;

color: white;

font-family: Arial,Helectiva;

text-decoration: none

}

a.white10ptarial:active {

font-weight: bold;

font-size: -1;

color: white;

font-family: Arial,Helectiva;

text-decoration: none

}

a.white10ptarial:visited {

font-weight: bold;

font-size: -1;

color: white;

font-family: Arial,Helectiva;

text-decoration: none

}

</style>

...

<a class="white10ptarial" href="site.html">Text</a>

This DOES work so if it doen't, than your doing something wrong.
Copy linkTweet thisAlerts:
@cisauthorDec 09.2002 — Got it, thanks.

I mis understood your comments and what you were trying to get across the whole time.

Appreciated.
Copy linkTweet thisAlerts:
@Zach_ElfersDec 09.2002 — lol, it was a little frustrating but that's ok.
Copy linkTweet thisAlerts:
@cisauthorDec 09.2002 — Same here, lol -

Thanks again...?
Copy linkTweet thisAlerts:
@StefanDec 09.2002 — [i]Originally posted by Zach Elfers [/i]

a:link

a:hover

a:active

a:visited

This DOES work so if it doen't, than your doing something wrong. [/B][/QUOTE]

Actually, that order will not behave as expected.

Once a user has visited a link, it will NEVER again be able to get the :hover and :active states triggered (in a non buggy browser).

The Cascading in CSS makes it very important in which order you put rules.

Most people would want/expect the following order, which will give a hover & active state also on a visited link

a:link

a:visited

a:hover

a:active
×

Success!

Help @cis spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.3,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...