CSS bei externem Link: Ausnahme Bilder

Hallo,

ich habe auf einer Seite die externen Links mittels CSS mit einer Grafik versehen. Nun habe ich aber auch einige externe Bilder eingebunden die bei Picasa-Webalben hinterlegt sind. Damit dort die Grafik nicht angezeigt wird habe ich es mit CSS so gelöst:

Zitat:

---

#main a[href^="http:"] {
padding-left: 12px;
background-image: url(../images/link.png);
background-repeat: no-repeat;
}
#main a[href^="http://picasaweb"] {
padding-left: 0px;
background-image: none;
}

---

Eleganter fände ich es, wenn es eine Möglichkeit gäbe die "Linkgrafik" nur bei bestimmten Dateitypen (ebendem Bilder und Grafiken) auszublenden. Hat jemand eine Idee wie dies zu realisieren ist?

Code:

---

a[href$=".jpg"] {
  foo: bar;
}

---

... should do.

Beim testen habe ich gerade bemerkt das der Link selber gar keinen Dateityp angibt. Der Link selber ist derart:

HTML-Code:

---

http://picasaweb.google.de/lh/photo/1tUaeuZZ8w2BcauF7fquXQ?feat=embedwebsite

---

Habe nun mit

HTML-Code:

---

a img{
        padding-left: 0px;
        background-image: none;
}

---

versucht das Problem zu lösen. Ohne Erfolg, da ich so ja nicht die Linkeigenschaft beeinflusse. Oder gibt es da doch eine Möglichkeit?

HI

Du könntest auf das /photo/ in der Linkadresse zielen.

Sebastian

Vom Prinzip her hab ich das ja so schon gemacht. Wenn ich nun jedoch auf ein ext. Bild verlinke das nicht bei Picasa gespeichert ist und eine andere URL hat, wird die Grafik für ext. Link wieder mit angezeigt. Was ich gerne hätte, wäre eine automatische Abschaltung der Hintergrundgrafik bei bestimmten Dateiendungen.

HI

Das geht ja, hast du schon gesehen. Aber weil Picasa das nicht tut, musst du hier vielleicht zusätzlich eine Regel extra für Picasa finden, entweder über die Domain, oder über /photo/

Sebastian

Ja, so wird's gemacht. Muss ich halt ein paar Regeln mehr definieren. Anders geht es wohl nicht.
Danke für Eure Hilfe.