Joho the Blog
|
|
|
March 28, 2005
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:
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.... Posted
by D. Weinberger at March 28, 2005 09:53 AM
|
Comments
David, text-decoration value of 'none' removes the underline within a hypertext link, and I use it at my site in the sidebar.
You are using FONT to define the font within the hypertext link in your site. This is most likely causing problems, because you're mixing this with CSS.
What you may want to do is create a definition for your header text, and then define font family, size, color, like so:
#someidforheader { font-family: verdana; font-size: 1.4em}
Add this to your header:
<h1 id="someidforheader">
(angle brackets might get stripped in this comment -- assume they're there.)
Then define how the hypertext link within this header will act:
#someidforheader a {text-decoration: none}
Posted by: Shelley | March 28, 2005 10:59 AM
And then get rid of the FONT definition directly in the element.
Posted by: Shelley | March 28, 2005 11:02 AM
And since I'm on a roll giving you unsolicited advice, dump MT (because mt-comments.cgi is a slug, and the whole rebuild thing is a joke), move to Wordpress (and I'm not using WP so I'm unbiased), and then change your site from table to CSS driven.
If you did this, your comments would be faster, and that problem you had with the extremely long line without character breaks in the one post on ETech would not have happened (you could have added a clipping to the block, which just have truncated that line).
Okay, I feel I've satisfied my unsolicited advice giving for one day.
PS: Holler if you want help moving over to the force.
Posted by: Shelley | March 28, 2005 11:06 AM