Aline: Visualisierung des Verweisziels in der Druckansicht

Bin noch neu in der "CSS-Szene", soll aber von meinem Chef aus, eine Druckvorschau für unsere HTML-Seite mit CSS basteln. Ich war so froh diese Seite zu finden! lol
Leider hab ich ein Problem:
Ich möchte gern den Verweislink in der Druckvorschau anzeigen lassen. Der folgende Code funktioniert jedoch nicht:
a[href]:after
{
 color: #000000;
 content:" <" attr(href) ">";
}

Er wird auch hier in dem Beispiel verwendet (etwas modifiziert): http://selfaktuell.teamone.de/tippstricks/css/drucklayout/index.htm. Das Anzeigebeispiel von Roland Skop bringt nicht den gewünschten Effekt wie es laut Screenshot zu erwarten ist.

Kann jemand helfen?

  1. Hi,

    Ich möchte gern den Verweislink in der Druckvorschau anzeigen lassen. Der folgende Code funktioniert jedoch nicht:

    er ist richtig. Verwende nicht den IE, er ist grauenvoll veraltet.

    Cheatah

    --
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. alles klar, danke.

      er ist richtig. Verwende nicht den IE, er ist grauenvoll veraltet.

  2. Hallo,

    Ich möchte gern den Verweislink in der Druckvorschau anzeigen lassen.

    Ich vermute eher, dass Du willst, dass die URL auch
    _ausgedruckt_ wird.
    Warum reden die Leute immer von der Druckvorschau?
    Der Unterschied zwischen Bildschirm und Papier
    ist oft riesig.
    Also, wenn es um Druckversionen geht, bitte _richtig_
    testen und auch ausdrucken, nicht bloss Vorschau.

    Der folgende Code funktioniert jedoch nicht:
    a[href]:after
    {
     color: #000000;
     content:" <" attr(href) ">";
    }

    Ist gueltiges CSS 2.0.
    Der Standard wurde 1998 veroeffentlicht.
    Microsofts "Entwickler" schafften es leider
    bis 2001 (MS IE 6.0) nicht, das umzusetzen.
    (Andere Browser koennen es problemlos.)

    Kann jemand helfen?

    Mein Ansatz zu der Geschichte "URL ausdrucken":

    Dir URL steht auch "sichtbar" im Text, wird aber fuers
    Medium Screen per CSS ausgeblendet:

    screen.css:
    .printonly { display:none; }

    HTML:
    <link rel='stylesheet' href='screen.css' type='text/css' media='screen, projection'>
    <!-- ... -->
    <p>Weitere Angaben
    im <a href="http://selfhtml.teamone.de/css/formate/zentrale.htm">SelfHTML-Artikel "Zentrale Formate mit CSS"<span class="printonly"> - http://selfhtml.teamone.de/css/formate/zentrale.htm</span></a></p>

    Ich weiss, es ist suboptimal, insbesondere weil die
    URL in alten/speziellen/kaputten Browsern, die das
    CSS nicht anwenden, halt angezeigt/vorgelesen wird.
    Das nehme ich in Kauf.

    Gruesse,

    Thomas

    --
    Bitte keine Mails mit Fachfragen - dafuer gibt es das Forum!
    Ich mag es, wenn URLs verlinkt sind (</faq/#Q-19>).
    Oft gestellte PHP-Fragen beantwortet die dclp-FAQ bestens: http://www.dclp-faq.de/