<abbr>, Firefox and links

Finally got round to putting <abbr></abbr> where necessary on my other site.

Initially I was a bit annoyed, because some of the abbreviations are also links. It seemed like FireFox on my Mac gave preference to the visual indicator for abbreviation (grey underline) over my visual indicator for links (red dotted underline). I like to stick to web standards, but I also like my site to look good and consistent.

It seems that moving the abbreviation to outside the link solves the problem, and it still validates as xhtml. Result!

Before:

<a><abbr>this link here</abbr></a> (grey underline - wrong)

After:

<abbr><a>this link here</a></abbr> (red underlinle - good)

Leave a Reply