htmls.html

Notes on the construction of source-files

xxx

x~~xx|~~

xxx|

x~~xx|~~

IE7 and Firefox give different (quite different) results for the contents of the box at the left because of an image alignment bug in Firefox. The second and fourth lines are the same for both browsers because a nonwhite character has been included in the s-span that contains the image. In the fourth line the character has been rendered invisible.

The basic elements that are used here are: element style directives ------------------------------------------- <body> font-family:comic sans ms <div> (nil) <xmp>,<pre> font-family:fixedsys text-indent:5% <s> position:absolute;text-decoration:none position:relative;text-decoration:none visibility:hidden;font-style:normal;letter-spacing:-3px <img> position:relative

is seldom used here; it simply isn't needed anymore after <s> and have been stolen from the lawyers. All the same, it is convenient to be able to refer to s-spans and u-spans to distinguish between position:absolute and position:relative moves. The jacking is merely a convenient device to implement the workaround for Firefox's alignment bug. The style directive for <img> is there to facilitate shifted images; position:absolute might be preferred, but that introduces a different alignment bug that affects both IE and Firefox.

The style directives that appear above are the ones that seldom change, if ever, and they are included in the stylesheet, sty00.css. Also included there are quite a few identifiers, loosely organized by what they identify. Some of them are

mainly for restoration of stolen functions:

id= 		style directives
-----------------------------------
s		text-decoration:line-through
u		text-decoration:underline
o		text-decoration:overline
i		font-style:italic

for choice of fonts:

id= 		style directives
-----------------------------------
csm 		font-family:comic sans ms
css		font-family:comic sans ms;font-size:80%
msm		font-family:musicalsymbols
fix		font-family:fixedsys
cal,scal,lcal	font-family:Lucida Calligraphy;font-weight:bold

also for EW-moves which are margin-left moves, specified in pixels. These are the relatively small moves, and the reason for pixels is to eliminate roundoff errors in the fitting of beams. Large moves (positions of staves, measures, etc.) vary in pretty arbitrary ways, and they are better done with <s style=top:#;left:#> with #'s specified in arbitrary units.
NS-moves are all in pixels now; sets of identifiers for them are in sty33.css (with more of these to follow).

So here comes an example:

alto clef

~~l ~~bbb~~ ~~118öööölöööööö~~~~ l l l l l l

treble clef

~~l~~bbb~~118~~öööölöööööö~~llllll~~

This works equally well on IE and Firefox, and it can be printed from both. Firefox does the better job of printing it. The source for this now has two approaches to documentation - the second one looks promising. The source for it is here.