Styling abbr in IE | JavaScriptSource

Styling abbr in IE

Marek Prokop Mar 18, 2005

General

Internet Explorer for Windows does not support the <abbr> element that should be used for proper markup of abbreviations. The solution is based on one simple fact: even though IE ignores the element itself, other elements nested in the <abbr> work fine. This script wraps the content of the <abbr> with <span>, set its title and class attribute and the <abbr> tag behaves like it should.


Notes

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: stylingAbbrinIE.js


CSS

Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.


Head

Paste this code into the HEAD section of your HTML document.


Leave a Response

(0 comments)