Links in der Druckansicht

Montag, 3. März 2008

Das Print-Design einer Website ist in manchen Fällen fast genauso wichtig wie das Screendesign. Doch in der Standardeinstellung werden Links nur mit Ihrem Namen gedruckt.
Es geht aber auch anders.
Man kann das attribut href aus einem Link filtern und hinter dem Namen ausgeben lassen, und das alles mit CSS. Die dafür zuständige Anweisung lautet:

a[href]:after {
content:" <"attr(href)">";
background-color:inherit;
font-style:italic;
size:75%;
}

Hier wird der Link der in href="" steht nach dem Namen auf das Papier gedruckt. Es erscheint also z.B.: "Der Blog von zyris.de und progchild.de <blog.zyris.de>"

Leider funktioniert diese Anweisung nur im FF und Opera. Der IE ignoriert die Anweisung.