nicht angemeldet
Hallo Biesterfeld,
Vor jedes als "in" klassifizierte Link soll eine kleine Grafik gesetzt werden, die andeutet, dass es sich um einen internen Link handelt.
Nutze http://de.selfhtml.org//css/eigenschaften/pseudoformate.htm#before_after@title=:before
Wie kann ich die Höhe der Grafik an die Höhe des Linktextes anpassen?
Mit generiertem Inhalt: Gar nicht. Das funktioniert nur per http://de.selfhtml.org//css/eigenschaften/hintergrund.htm#background_image@title=background-image, eventuell in Verbindung mit http://de.selfhtml.org//css/eigenschaften/pseudoformate.htm#first_line_letter_child@title=:first-line.
Wie kann ich einen Zeilenumbruch zwischen Linkinhalt und Grafik verhindern?
Mit
pre:before { content:"\A0" }
\A0 entspricht hier .
Etwas in der Form führte zu nichts
a.in:pre{
height:1em;
content:url(in.png)" ";
}
:pre ist kein Bestandteil von CSS. Du meinst vermutlich
~~~css
a.in pre:before {
height:1em;
content:url(in.png)"\A0";
}
Wobei <pre> in <a> nichts verloren hat. Wie sieht dein HTML-Quelltext aus?
Die Höhe lässt sich so in keiner Weise manipulieren und die Entität wird als String ausgegeben und nicht interpretiert.
Die CSS-Syntax, um beliebige generierte Zeichen einzufügen, ist der Backslash gefolgt vom Unicode-Wert.
Grüße
Roland