twocoders.de
 

programme/css/before_after/datei.html


1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
<html>
    <head>
        <title>:before, :after und attr() von CSS</title>
        <link rel="stylesheet" type="text/css" media="print" href="print.css" />
    </head>
    
    <body>
        Manchmal kann es n&uuml;tzlich sein bei einer gedruckten Website die Links nicht nur als <a href="http://www.twocoders.de">hier</a> sondern mit ganzer Domain anzuzeigen. Dies erreicht man mit hilfe von CSS und den Befehlen :before oder :after und attr().<br/>
        Mit attr() kann man auf die Attribute der einzelnen Objekte zugreifen. Das hei&szlig;t bei einem Bild das so im Html - Body steht &lt;img src="bild.jpg" alt="nicht gefunden" /&gt; kann auf "src" oder "alt" per attr(src) oder attr(alt) zugegriffen werden.<br/>
        F&uuml;r ein Beispiel einfach in die <a href="print.css">CSS Datei</a> schauen; und nicht vergessen mal die Druckvorschau anzuschauen ;-)
    </body>
</html>