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:
<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
}
And in the actual text I have <a class="white10ptarial" href=http://www.webdeveloper.com/forum/archive/index.php/"blah blah blah"....
Like I said displays fine in IE but not Netscape. Any ideas?Try a.white10ptarial: property {
}
where propertry is link, hover, active, visited.Huhh?
I guess that letter combo makes a smiley. I'll fix that.Didn't work.
I tried:
.white10ptarial
roperty{
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 class tag too? (If possible, please provide specifics....
Thx...!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 clickedSorry, I miswrote - just reedited -
Am I supposed to change the class="white10ptarial" to class="white10ptarialroperty"
Does this fix only work for Netscape or for IE also as well?No. The class white10ptarial is fine. In the CSS style sheet put:
a.white10ptarial:hover
for example. white10ptarial is still the class but before it is put a which means this is for the <a> HTML tag which is used to create links. After the class is :hover which means that the <a class="white10ptarial" when the mouse is over the link, it will get the formatting you give it.<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=http://www.webdeveloper.com/forum/archive/index.php/"site.html">Text</a>
This DOES work so if it doen't, than your doing something wrong.Got it, thanks.
I mis understood your comments and what you were trying to get across the whole time.
Appreciated.lol, it was a little frustrating but that's ok.Same here, lol -
Thanks again...
Originally posted by Zach Elfers
a:link
a:hover
a:active
a:visited
This DOES work so if it doen't, than your doing something wrong. [/B]
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
In the <head> tag I have:
<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
}
And in the actual text I have <a class="white10ptarial" href=http://www.webdeveloper.com/forum/archive/index.php/"blah blah blah"....
Like I said displays fine in IE but not Netscape. Any ideas?Try a.white10ptarial: property {
}
where propertry is link, hover, active, visited.Huhh?
I guess that letter combo makes a smiley. I'll fix that.Didn't work.I tried:
.white10ptarial
roperty{ 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 class tag too? (If possible, please provide specifics....
Thx...!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 clickedSorry, I miswrote - just reedited -
Am I supposed to change the class="white10ptarial" to class="white10ptarial
roperty" Does this fix only work for Netscape or for IE also as well?No. The class white10ptarial is fine. In the CSS style sheet put:
a.white10ptarial:hover
for example. white10ptarial is still the class but before it is put a which means this is for the <a> HTML tag which is used to create links. After the class is :hover which means that the <a class="white10ptarial" when the mouse is over the link, it will get the formatting you give it.<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=http://www.webdeveloper.com/forum/archive/index.php/"site.html">Text</a>
This DOES work so if it doen't, than your doing something wrong.Got it, thanks.
I mis understood your comments and what you were trying to get across the whole time.
Appreciated.lol, it was a little frustrating but that's ok.Same here, lol -
Thanks again...
Originally posted by Zach Elfers a:link
a:hover
a:active
a:visited
This DOES work so if it doen't, than your doing something wrong. [/B]
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