For months and months I’ve been ignoring the ugly horizontal bars that show up in the box at the top of my archive pages. One crosses out “An Entry from the Archives” and the other runs underneath that text. They don’t show up in Microsoft IE but they do in Firefox and Safari.

Generous reader Miles of TinyApps, a site I never tire of recommending to y’all, scouted out the html code and found the offending lines. Apparently the Style property “text-decoration: none;” renders as blue underlines in Firefox and Safari, although I’m sure it will turn out to have been my fault. Anyway, I’ve removed those lines and am confident that when my archives finish rebuilding — scheduled for Oscar Night 2006 — they will have been shorn of their extraneous blue lines.

Thanks, Miles!

So, of course I got Miles’ advice backwards. Here’s a snippet from an email from him:

You mentioned that the “Style property “text-decoration: none;”
renders as blue underlines in Firefox and Safari”. Actually,
that is the code to get RID of the lines when added to the
A HREF tag [as Miles had indicated -ed.]. Sorry if that was unclear. [It was clear. I wasn’t.- ed.]

It seems the problem was more with Internet Explorer NOT
putting the blue lines in, as the original HTML has no provision
for removing them. “text-decoration:none” needs to be in the
A HREF tag, not in the FONT tags.

And be sure to see Shelley’s comments (in the comments) on how to do this purely through CSS instead of kludging together CSS and font tags….

Categories: Uncategorized dw