Web Developer Toolbar for Internet Explorer

:: Permanent Link (read more at forum) ::
(PreScript note: I was going to add this to my "windows live space" but the Advertising server makes each page load amazingly slow, or not at all. On top of that, the MS live search couldn't even tell I wanted to get there when I entered livespaces.msn.com and live.spaces.com : silly microsoft search can't even find itself, apparently...)

(Bumping thread) I downloaded the more recent version of the
'Internet Explorer Developer Toolbar'

  [
  IEDevToolBarSetup.msi ;
  1.00.2188.0 ; 
  Date Published: 5/9/2007
  ]

for Internet Explorer 6 (on Windows XP Home),

only to find that it wouldn't work...

This even after restarts, adding the button to the 'Standard Buttons bar',
and going to Internet Options > Programs > Manage Add-ons
to make sure that

* [ blank file called "IE Developer Toolbar"] and
* [IEDevToolbar.dll (Browser Helper Object/ BHO)
were enabled.

The solution in post "11 May 2007, 8:33 PM UTC" also worked for me.

Please consider adding this solution to the (quote-unquote) Release Notes.

(Does anyone know where we can get some more detailed Release Notes for this?)

We really need to get the word out that the Internet Explorer Developer Toolbar beats the pants off the default "DOM Explorer" in Firefox, and good documentation is the best way to do it...

How to implement abbreviation definitions correctly in HTML

This page serves as a simple test of formatting ABBR and ACRONYM so that these HTML tags appear properly in Internet Explorer 6.

Code sample (1):

<abbr title="Getting Things Done">GTD</abbr>

Here's an example: GTD followed by more text.

If you're viewing this page in Internet Explorer 6, you won't see the intended result, which is a dotted line under "GTD".

Here's another example, but with a fix: GTD followed by more text.

In the previous line, you should now see the dotted-underline. This is supposed to prompt the user to point at the abbreviation with their mouse and pause,at which point (after a short pause) they should see a "mouse-over window" (a.k.a. "tool tip" or "pop up") displaying what the abbreviation is short for.

Here's the same sample, but with just the ACRONYM tag: GTD followed by more text.

Here's a simple block of STYLE you can use in your HTML HEAD:

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}

Conclusion

Since abbr doesn't work in IE, but acronym works in IE, Opera, and Firefox, that means "acronym" wins (even if the word isn't being used correctly).
Therefore, despite the backflips proposed by http://www.sovavsiti.cz/css/abbr.html, all you have to do is:

acronym {
padding-bottom: 2px;
border-bottom: 1px dashed #999;

cursor: help;

}
...
<acronym title="Getting Things Done"">GTD</acronym>

See also

• abbreviation vs. acronym vs. initialism (lyberty.com)

---

Permanent link (external site), "abbr IE"