nicht angemeldet
Fehlerhafte Darstellung Schriftgrösse :-(
Hallo Community,
folgendes CSS-Problem stellt sich mir:
ich habe in einer externen CSS-Datei u. a. folgende Inhalte:
--- schnipp ---
body {
background-color: White;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em; }
a:link,a:visited {
background-color: White;
color: #993300;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-decoration: underline; }
--- schnapp ---
Auf den ersten Blick nichts weltbewegendes, aber die über das untere CSS formatierten Links werden nicht in 0.8em angezeigt, sondern wesentlich kleiner. Entnehme ich die Formatierung für den BODY ist alles in bester Ordnung.
Beide Tags wurde mit selber Schriftgröße definiert, funktionieren tut's dennoch nicht.
Wer kann mir ein wenig Background-Wissen vermitteln, was denn nun mein Denkfehler ist?
Gruss,
Thomas
-
Hallo,
--- schnipp ---
body {
background-color: White;
color: Black;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em; }a:link,a:visited {
background-color: White;
color: #993300;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
text-decoration: underline; }--- schnapp ---
Die angabe mit em ist ja eine relative , die sich auch vererbt, in prozent erklärt, wenn der body 80% für die schrift angibt und im a-element wieder 80% steht, ist der link text 80% von 80%.
Also, du brauchst nur im body die 0.8em angeben oder im a-element 1.em damit die schriftgrösse gleich bleibt.Gruss, Jan aus Dresden
-
Hi Thomas,
body { font-size: 0.8em; }
a:link,a:visited { font-size: 0.8em; }
[...] aber die über das untere CSS formatierten Links werden nicht in 0.8em angezeigt, sondern wesentlich kleiner.
'em' ist eine relative Schriftgröße. Du definierst also zunächst eine Größe von 0.8em für alles und anschließend multiplizierst du diese nochmals mit 0.8em für die Links. Bleiben 0.64em.
Vorschlag 1: Entferne die Angabe bei den Links
Vorschlag 2: Entferne die Verkleinerung gänzlich.
Vorschlag 3: Richte dich nach Vorschlag 2 ;)
LG Roland