Automatisch Bild hinter Link einfügen

[Gunnar Bittersmann]

Hallo marry,

ich möchte, dass auf meiner Webseite hinter jedem Link ein entsprechendes Bild erscheint.

Das lässt sich für moderne Browser mit CSS realisieren.

• Link auf andere Seite dieser Webseite
• Anker auf gleicher Seite
• Link auf externe Webseite

Die könnteste mit Klassen auseinanderhalten. Was Besseres fällt mir gerade nicht ein.

• Link auf PDF-Dokument
• Link auf Word-Dokument
• Link auf RTF-Dokument
• Link auf JPG ...

Die lassen sich selektieren, wenn du das type-Attribut benutzt, was ohnehin anzuraten ist:

<a href="foo.pdf" type="application/pdf">foo</a>  
<a href="bar.doc" type="application/msword">bar</a>  
<a href="baz.rtf" type="application/rtf">baz</a>  
<a href="quz.jpg" type="image/jpeg">foo</a>

Selektoren:
a[type=application\002Fpdf] etc. [SELFHTML: Attributbedingte Formate definieren]

Und dafür gibste dann
:after {content:url(pdf-icon.png)} etc. an. [SELFHTML: :before, :after (Pseudoelemente für automatisch generierten Inhalt)]

Also:
a[type=application\002Fpdf]:after {content:url(pdf-icon.png)}

Der IE versteht allerdings auch in der 6er Version weder attributbedingte Formate noch :after.

Gunnar