I've had a thought about how we might provide another way of looking at the images. If you could record each of the annotations as audio annotation, we could link each annotation to its audio file. We could then provide a multimedia presentation of each image, working through each category of annotations, zooming in on each annotation area and playing the audio for that area. I think this is quite practical, and it would be really cool. What do you think?
Checked the title bar display on IE6 and IE7, and they both show the same problem (the title is cut off halfway down, and the decorative bar below doesn't show).
Began by pruning some obsolete JavaScript code which was still there from the previous version of the layout (AssignIE6MenuHandler()
). This didn't help, but it needed doing anyway.
Next, I tried commenting out the <hr id="HeaderBorder>
, in case some of its oddities might be causing the problem -- we know IE can't handle <hr>
tags with image content or min-height. However, that had no effect either. The problem seems to be with the CSS of the <h1>
tag.
I tried removing the before
and after
pseudo-attributes -- again, IE doesn't support these -- but that made no difference.
Then I notices that a previous font-size
declaration for <h1>
set it at 190%
, which was then overridden in the title bar CSS by 250%
, marked !important
. Thinking there might be some odd interaction between these, I commented out the first one. No effect.
Finally, I commented out the line vertical-align: middle;
. That did the trick. It appears that when IE tries to align text to the middle, it projects it below the bottom of its bounding box, cutting it off half-way. The removal of that line didn't seem to make any difference to other browsers; I tested on Firefox, Opera, Konqueror and Safari. I've left the line commented out in the CSS, with an explanation. The site now looks reasonable on IE6 and IE7, although neither of them show the fleur-de-lys emblems or the row of decorative poultry below.
While testing on Safari, I noticed that the right-side fleur-de-lys is not spaced from the text, although the CSS code that places it specifies a space before it. It appears that Safari honours a space after generated content, but not before (so the fleur-de-lys on the left of the title does have the correct space on the right of it). However, testing on WebKit and Konqueror, both of which show the correct spacing, suggests that this is a temporary glitch in Safari and will be fixed at the next update.
IE7 screws up the display of the site title (it's cut in half, and the decorative border below it is gone). Can't figure it out yet, but it must be fixed before the Nebraska presentation.
Following instructions in Claire's post today, I've set the text in the popup/thumbnail box to be left-aligned instead of justified. I've also uploaded all the changed image markup files.
...spent meeting with Claire this morning to plan how we proceed now we have the SSHRC grant.
Le mariage sous L'Ancien Régime has received a three-year SSHRC grant that will enable us to expand our work, digitizing and marking up more texts and images, and providing a more sophisticated interface to the anthology.