Hello,
The link below was black with no underline, then black with an underline when hovered. This is what I wanted. Then I turned it into an Amazon Associate link, and now it's blue & underlined. I'm still using the same CSS as before (links2), so I don't understand why it changed format.
How can I get the link to be black with no underline, then black with underline when hovered?
Thanks in advance,
John
The link:
'<a type="amzn" category="books" class="links2">'.$row['site'].'</a>'
The CSS:
a.links2:link {
color: #000000;
text-decoration: none;
text-align:left;
margin-top:6px;
margin-bottom:2px;
margin-left:2px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}
a.links2:visited {
color: #000000;
text-decoration: none;
text-align:left;
margin-top:6px;
margin-bottom:2px;
margin-left:2px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}
a.links2:hover {
color: #000000; text-decoration: underline;
text-align:left;
margin-top:6px;
margin-bottom:2px;
margin-left:2px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}
a.links2:active {
color: #000000;
text-align:left;
margin-top:6px;
margin-bottom:2px;
margin-left:2px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
height: 12px;
vertical-align:middle;
}