Externe Links besonders kennzeichnen, aber...

[aJunkie]

Hallo,

es gibt sehr viele Informationen darüber, was ich suche, allerdings habe ich ein Problem.
Auf meiner gesamten Homepage habe ich auch einige Bilder verlinkt.
Diese bekommen dann auch einen Icon dahinter, was ziemlich blöd aussieht.

Wie kann ich per CSS sagen, dass er externe Links markieren soll, aber nicht die, die <a img> sind. Also verlinkte Bilder sollen ausgenommen werden.

Danke.

 

[tarik02]

Du gibst einfach jeden Link, der als "extern" gekennzeichnet werden, soll eine Klasse.
Und dieser Klasse einfach als Hintergrundbild, das Icon.

T02

 

[aJunkie]

Das ist nicht das, was ich suche.
Ich weiß, wie man externe Links kennzeichnet.
Aber manche externe Links habe ich mit Bildern verlinkt.
Das Bild hat dann auch ein Hintergrundbild, was ich nicht will.

Wie kann ich den Bildern per CSS sagen, dass wenn sie verlinkt sind, kein Icon bekommen sollen?

 

[sysop]

Das ist nicht das, was ich suche.

doch ist es

Ich weiß, wie man externe Links kennzeichnet.
Aber manche externe Links habe ich mit Bildern verlinkt.
Das Bild hat dann auch ein Hintergrundbild, was ich nicht will.

Wie kann ich den Bildern per CSS sagen, dass wenn sie verlinkt sind, kein Icon bekommen sollen?

nimm 2 klassen, eine für externe bilder, eine für externe links

 

[aJunkie]

Ja, das habe ich ja versucht.

a {
    text-decoration:none;
    background-color:inherit;
    font-weight:bold;
    color:#286ea0;
}
a:hover {
    background-color:inherit;
    text-decoration:underline;
    color:#303030;
}
a img {
    border:0;
    text-decoration:none;
}
a:hover img {
    border:0;
}
a[href^="http:"] {
background: transparent
url('/img/link_icon.gif') 100% 50% no-repeat;
padding-right: 10px;
}
a img[href^="http:"] {
background: transparent;
padding-right: 0px;
border:0;
text-decoration:none;
background-image:none;
}
a[href^="http://domain.de"],
a[href^="http://www.domain.de"]
{
background: transparent;
padding-right: 0px;
}

 

[aJunkie]

Was mache ich falsch?

 

[stachelbeer]

a[href^="http:"] {
background: transparent
url('/img/link_icon.gif') 100% 50% no-repeat;
padding-right: 10px;
}
a img[href^="http:"] {
background: transparent;
padding-right: 0px;
border:0;
text-decoration:none;
background-image:none;
}

über die attributbedingte Formatierung wirst Du das nicht hinbekommen. Zumindestens nicht so. Denn a img[href^="http:"] bezieht sich auf Links die ein Bild enthalten, dessen href-Attribut http enthält. Du bräuchtest sowas wie eine Rückwärtsbeziehung. Also wenn ein Bildenthalten ist, dann soll der Link so und so formatiert werden. Dies gibt es aber nicht.

 

[aJunkie]

Okay, danke dir.