2009-06-27 1 views
1

Der Link unten war schwarz ohne Unterstreichung, dann schwarz mit einer Unterstreichung, wenn er schwebte. Das ist was ich wollte. Dann habe ich es in einen Amazon Associate Link umgewandelt, und jetzt ist es blau & unterstrichen. Ich benutze immer noch das gleiche CSS wie zuvor (links2), daher verstehe ich nicht, warum das Format geändert wurde.CSS - Amazon Associate Link Formatierung mit CSS

Wie kann ich den Link schwarz ohne Unterstreichung erhalten, dann schwarz mit unterstrichen, wenn er schwebte?

Vielen Dank im Voraus,

John

Der Link:

'<a type="amzn" category="books" class="links2">'.$row['site'].'</a>' 

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

Antwort

1

Das erste, was ich versuchen würde,

!important 
setzt

nach dem Styling in Ihrem Stylesheet, das die Farbe auf schwarz setzt.

wie in:

color: #000000 !important; 

Dies gibt Priorität zu Ihrem Styling über einen Amazon.

1

Gibt es CSS, die mit "Amazon Associate Link" verknüpft sind?

Wenn Sie Firebug verwenden und den Mauszeiger über die Links bewegen, können Sie alle mit diesem Link verknüpften css und auch die Eigenschaften finden, die überschrieben wurden