Interessantes Ergebnis - bitte verbessern

[Auge]

Hallo

Mit Verlaub, ich halte die Lösung für Mist.

Das HTML-Dokument ist wegen der Verwendung des Fonts, der Buchstaben umdeutet, ohne das dazugehörige CSS eine unleserliche Buchstabensuppe.

In einen Container setze ich Noten-Schlüssel und -Linien. Darunter in einem Absatz den Liedtext. Jede Silbe bekommt eine Note, die zum Text absolut positioniert ist (z.B. top:-12pt) und somit in die Notenlinien ragt.

Für Firefox habe ich die Feinabstimmung gemacht, schon bei Opera sitzen die Noten nicht in der richtigen Höhe. Jeder Browser hat eben so seine eigenen Vorstellungen, was 12pt sind. Keine Ahnung, ob auf px mehr Verlass ist.

Du bist keineswegs ein Frischling und solltest wissen, dass pt als Größeneinheit wunderbar als Einheit für Angaben zum Ausdruck geeignet ist aber am und für den Bildschirm nichts taugt. Der hat nämlich „Pixel inside“.

Bitte schaut mal den Code an. Kann man die Noten-Platzierung vereinfachen? Dies ist im Editor ganz schlecht lesbar:

M<b><b class=g0>q</b></b>ein s<b><b class=g0>q</b></b>chö-n<b><b class=c1>q</b></b><b><b class=e0>q</b></b>es ...

… nicht nur im Editor.

Tschö, Auge