Comments on: Styling abbr with CSS

By: Joe Gakenheimer

Joe Gakenheimer — Thu, 06 Mar 2008 20:35:58 +0000

Yes, “border-bottom: none;” does the trick; thanks for the solution.

By: pauldwaite

pauldwaite — Fri, 30 Mar 2007 23:54:02 +0000

Whoops: I didn’t notice the “simple HTML allowed” note. Soz.

By: pauldwaite

pauldwaite — Fri, 30 Mar 2007 23:53:35 +0000

> “you can also simple disable the border in Firefox with border-bottom: none”

Yup. That works in all browsers, for and . But, as Christof said, your users might appreciate knowing that acronyms and abbreviations have expansions, just like making links blues lets them know they’re links.

IE 6 and earlier act as if tags aren’t there (they still show their content though). My version of Safari (2.0.4) doesn’t do the dotted border by default on , but it shows the tooltip just fine.

By: Christof Höke

Christof Höke — Fri, 30 Mar 2007 15:01:23 +0000

Using the acronym element with a title attribute works in Firefox and all IEs I have testet (7, 6, 5.5) (don’t know about Safari though). Style it as you like, I normally use acronym {global.css (line 49)
border-bottom:1px dotted #666666; } to have it the same for all browsers but you can also simple disable the border in Firefox with border-bottom: none. Showing that there *is* an explanation at all is good style IMHO…

By: Kirk

Kirk — Thu, 29 Mar 2007 16:17:01 +0000

I get a solid line on Firefox 2.0.0.3 on the Win2003 platform.

Internet explorer 7 - does show the title text.

By: Rob Koberg

Rob Koberg — Wed, 28 Mar 2007 21:49:16 +0000

Are you especially inquisitive lately (and a bit lazy), or is this some kind Tom Sawyer experiment?

:) Rob

By: John Cowan

John Cowan — Wed, 28 Mar 2007 18:27:03 +0000

I like the dotted lines, myself.