Custom CSS style for <a> doesn't work

liunx

Guest
This is global style and it works just fine.

A:link { text-decoration: none;
color: navy}
A:visited { text-decoration: none;
color: navy}
A:hover { text-decoration: underline }


This is custom style and I have no clue why it wouldn'tn work

.linking A:link { text-decoration: none;
color: #FFFFFF}
.linking A:visited { text-decoration: none;
color: #FFFFFF}
.linking A:hover { text-decoration: underline }


This is how I apply it.

<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"selectCampaign.jsp?orderBy=1" class="linking">CAMPAIGN NUMBER</a></td>


Any ideas why this wouldn't work?.linking{background-color:#000;}
.linking a{color:#fff;}
.linking a:link{text-decoration:none;}
.linking a:visited{text-decoration:none;}
.linking a:hover{text-decoration:underline;}
.linking a:active{text-decoration:none;}

<td class="linking"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">hyperlink</a></td>

or...

a.linking{color:#fff;}
a.linking:link{text-decoration:none;}
a.linking:visited{text-decoration:none;}
a.linking:hover{text-decoration:underline;}
a.linking:active{text-decoration:none;}

<td><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" class="linking">hyperlink</a></td>Did not work in IE 6did for me...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>IE is no good</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
.linking{background-color:#000;}
.linking a{color:#fff;}
.linking a:link{text-decoration:none;}
.linking a:visited{text-decoration:none;}
.linking a:hover{text-decoration:underline;}
.linking a:active{text-decoration:none;}
a.linx{color:#fff;}
a.linx:link{text-decoration:none;}
a.linx:visited{text-decoration:none;}
a.linx:hover{text-decoration:underline;}
a.linx:active{text-decoration:none;}
--></style>
</head>
<body>
<div class="linking"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#">hyperlink</a></div>
<div style="background-color:#000;"><a href=http://www.webdeveloper.com/forum/archive/index.php/"#" class="linx">hyperlink</a></div>
</body>
</html>
 
Back
Top