A few comments
l
- Warning:The two images above are in s-spans (position:absolute)
within u-spans (position:relative) that
are identical, except for the presence of an invisible character
(<i>l</i> - yes, i-spans are invisible) within the s-span that is correctly aligned with
the baseline of the font. Watch out - this bug can bite.
- And here -
l
- (the same s-spans in u-spans) is the fix! The default alignment of an image is
style=vertical-align:baseline; replace that by
style=vertical-align:0%, and
the alignment bug is dead. (Dead to IE6&7, that is, but not so for my old Firefox.
I'll try a newer version soon, but if it doesn't work, I will not reintroduce
the workaround. There will be no more <i>l</i>s in
these documents.)
The vertical displacements from the central stave-line are n0 to n12
and s0 to s12. The increments have been set to 0.14em, rather than 0.125em,
to make the note-bodies from musicalsymbols slightly smaller, relative to
the separations of the stave-lines at n4,n2,n0=s0,s2,s4.
- In s-spans it is important that tags with identifiers that change font-size be
isolated from one another and from elements that do not
specify a font-size: browsers get confused; alignment goes to hell in a
handbasket. (Check this after the fix, Max.) The conversion of clefs from glyphs to images begins here
in clefs.
- Clefs are now images here, so changes of font-size are no longer needed, but the images,
esp. g-clef, have to be fairly large.
- The narrow bars at the ends of staves and some stems are also images.
The font-bug that intervenes when stems are images can be seen in
booty.
alto
tenor
Not great, but not bad either. Time now to start learning how to organize source-files in ways
that make them easy to read and edit. This one is a mess. Hopefully htmls
will be a little better.