E
Eddy Long
Greetings,
I'd like to have the links in the body copy in bold face Verdana with no
underline so that when the user mouses over them - the word becomes
underlined in green.
It works on IE 5.5 - but on some versions of IE the link is underlined to a
default blue. Not sure why that is.
The html snippet is below - could a few on this NG please test on their
browsers.
Thank you for your time.
E.
------------------------------------
<html>
<head>
</head>
<style>
#copy{position:absolute;
top:5%;
left:2%;
width: 70%;
padding:1em;
border-top: 1px solid green;
border-bottom: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
}
#copy {
font-family:verdana;
font-size:.75em;
}
#copy A:link: {font-family:verdana;
text-decoration:none;
font-weight:bold;
color:#606060;
}
#copy A:visited:{text-decoration:none;
font-weight:bold;
color:#606060;}
#copy A:hover:{text-decoration:underline;
color:green}
</style>
<body>
<div id="copy">
Hi. This is a test page.<br>
This is a <a href="http://www.foobar.org">link</a>.<br>
Goodbye.
</div>
</body>
</html>
I'd like to have the links in the body copy in bold face Verdana with no
underline so that when the user mouses over them - the word becomes
underlined in green.
It works on IE 5.5 - but on some versions of IE the link is underlined to a
default blue. Not sure why that is.
The html snippet is below - could a few on this NG please test on their
browsers.
Thank you for your time.
E.
------------------------------------
<html>
<head>
</head>
<style>
#copy{position:absolute;
top:5%;
left:2%;
width: 70%;
padding:1em;
border-top: 1px solid green;
border-bottom: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
}
#copy {
font-family:verdana;
font-size:.75em;
}
#copy A:link: {font-family:verdana;
text-decoration:none;
font-weight:bold;
color:#606060;
}
#copy A:visited:{text-decoration:none;
font-weight:bold;
color:#606060;}
#copy A:hover:{text-decoration:underline;
color:green}
</style>
<body>
<div id="copy">
Hi. This is a test page.<br>
This is a <a href="http://www.foobar.org">link</a>.<br>
Goodbye.
</div>
</body>
</html>