Amazon Associate link formatting with CSS

[ArizonaJohn]

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>'

 

 

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;
}

 

 

[Hybride]

The type attribute is what tells the browser the content type of the resource named in "href" attribute. So it has to be something like,

<a type="text/html" category="books" class="links2">link</a>

or

<a type="image/jpg" category="books" class="links2">Link</a>

Your attribute is wrong.

[ArizonaJohn]

Actually, with Amazon's "Quick Linker", the type is supposed to be "amzn."

[haku]

I'm taking a stab in the dark here - never worked with types in links, nor with amazon. But try giving the link an ID and targeting the ID with your CSS. If that doesn't work, try adding the name of a parent above the ID in the selector, for example:

 

div#parent_div a#target
{
  // do some stuff
}