{"id":45,"date":"2008-06-14T19:05:35","date_gmt":"2008-06-15T03:05:35","guid":{"rendered":"http:\/\/www.ramblemuse.com\/rmtp\/?p=45"},"modified":"2008-06-14T19:08:25","modified_gmt":"2008-06-15T03:08:25","slug":"having-the-bibliography-at-a-locally-stable-point","status":"publish","type":"post","link":"https:\/\/www.ramblemuse.com\/rmtp\/2008\/06\/14\/having-the-bibliography-at-a-locally-stable-point\/","title":{"rendered":"Having the Bibliography at a Locally Stable Point"},"content":{"rendered":"<p>I&#8217;ve now brought my more <a href=\"http:\/\/www.ramblemuse.com\/generalbib\/\">general bibliography<\/a> to at least a temporary stable point. In essence, that means that I&#8217;ve included enough content to hopefully make it useful, without so much that it becomes cumbersome. I&#8217;ll let go of it for awhile and move my focus on to other endeavors.<\/p>\n<p>Along the way of working out the technical details, I renewed my distaste for Internet Explorer 5.5-6 and could at least see some improvement with IE 7. Implementing the CSS drop down navigation menus with the former required the <a href=\"http:\/\/www.howtocreate.co.uk\/tutorials\/testMenu.html\">JavaScript augmentation<\/a> described by Mark &#8220;Tarquin&#8221; Wilton-Jones. The JavaScript isn&#8217;t used to create the menus, but to force a CSS class change to a &#8220;hover&#8221; class; something handled automatically by FireFox and IE&nbsp;7. I&#8217;d already been using this methodology since the redesign of my <a href=\"http:\/\/www.ramblemuse.com\/\">home page<\/a> last year. There was a new wrinkle, however, in the bibliography.<\/p>\n<p>IE 5.5-6 has an interesting design &#8220;feature&#8221; relating to forms. In particular for the bibliography, a form select item will always be rendered on top, independent of the CSS z-index. The implication was that the menu would drop down over the top of a bibliography page, but that the category select window at the top of the page would bleed through the menu. Mike Hall provides <a href=\"http:\/\/www.brainjar.com\/css\/positioning\/default5.asp\">an example of this bleed-through<\/a> on BrainJar. My solution was to add to the behavior coding for the JavaScript class change for the menu hover. For IE 5.5-6.0, when the menu drops, the class for the form is changed to include &#8220;display:none&#8221; and that for a blank line is changed from &#8220;display:none&#8221;. The effect is to replace the form with a blank line of the same height, dodging the bleed-through error and avoiding a vertical &#8220;jitter&#8221;.<\/p>\n<p>The final technical glitch with IE 5.5-6 (if one can ever say &#8220;final&#8221;), involved an image in an &#8220;iframe&#8221; at the bottom of the page. If I had this as <\/p>\n<p><code>&lt;iframe&gt;&#8230;&lt;\/iframe&gt;&lt;p&gt;text&lt;\/p&gt;<\/code>,<\/p>\n<p>the image would start to load then disappear, leaving the correct space blank. When I changed to<\/p>\n<p><code>&lt;p&gt;&lt;iframe&gt;&#8230;&lt;\/iframe&gt;text&lt;\/p&gt;<\/code>,<\/p>\n<p>everything displayed okay. Go figure.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve now brought my more general bibliography to at least a temporary stable point. In essence, that means that I&#8217;ve included enough content to hopefully make it useful, without so much that it becomes cumbersome. I&#8217;ll let go of it for awhile and move my focus on to other endeavors. Along the way of working [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,9,7],"tags":[43,40,56,57,58,42,55,133],"class_list":["post-45","post","type-post","status-publish","format-standard","hentry","category-business","category-science","category-writing","tag-bibliography","tag-consulting","tag-css","tag-drop-down-menus","tag-forms","tag-freelancing","tag-ie-bugs","tag-writing"],"_links":{"self":[{"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/posts\/45","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/comments?post=45"}],"version-history":[{"count":0,"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/posts\/45\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/media?parent=45"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/categories?post=45"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ramblemuse.com\/rmtp\/wp-json\/wp\/v2\/tags?post=45"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}