Thomas Luethi: underline dotted

Beitrag lesen

Hallo, Du unglaeubiger Thomas,

Nee, dann erscheint die linie UNTER dem Text, also auch unter den g p j y q verstehst du?
Ich nix verstehen. Du verstehen?
Eine normale underline geht durch die g p j y q...

Ich verstehe sehr gut, was er meint.
Bei normaler Unterstreichung (<u> oder text-decoration:underline)
geht der Strich unmittelbar unter den meisten Buchstaben (z.B. m, n, o) durch,
die Unterlaengen (z.B. von g, p, j, y) durchschneiden den Strich.
Bei border-bottom liegt der Strich _unter_ allen Buchstaben, denn er
stellt ja die Grenze der Box dar.

Und jetzt sage mit bitte wo du einen Unterschied sichst (mal vom border-style abgesehen)

<div style="font-family:'times new roman',times,sans-serif;">
  <p><u>Unterstrichen. FfJj Yy</u></p>
  <p><span style="border-bottom:dotted 1px;">Border-Bottom: FfJj Yy</span></p>
  <p><span style="border-bottom:dotted 1px red;"><u>Unterstrichen und Border-Bottom: FfJj Yy</u></span></p>
</div>

Wenn Du keinen Unterschied siehst

  • hast Du eine Schriftart ohne Unterlaengen eingestellt
  • hast Du eine winzige Schriftart eingestellt.
  • hast Du einen komischen Browser
  • ...

Testseite:
http://www.tiptom.ch/tests/css/underline.html
Screenshot Mozilla 1.2.1 Linux, Times New Roman (25kB)
http://www.tiptom.ch/tests/css/underline_moz121linux.png

Wenn es bei Dir anders aussieht, d.h. wenn wirklich
beide Linien auf genau der selben Hoehe liegen, schick
mir einen Screenshot mit Angaben zu OS, Browser, Font...

@Konradin: Es gibt AFAIK keine Moeglichkeit, das Aussehen
der Unterstreichungslinie zu aendern.
Aber: Unterstreichung wuerde ich sowieso nur bei Links einsetzen.
An allen anderen Orten ist es nur verwirrlich, weil die
Benutzer dann draufklicken, und nichts passiert.

Gruesse,

Thomas