Wednesday, August 20, 2008

How to get rid of the dotted underline under timestamps in some Blogger templates

(Note to my regular readers: The only reason I wrote this post is because there's not much help for this situation to be found on Google. Don't worry, I won't be blogging about stuff like this much.)

s_computer-chip1  
Free photos for websites - FreeDigitalPhotos.net  

When I went to this template, the biggest thing that annoyed me about it, by far, was the little dotted underline thing under the timestamps. I just hated how it looked.

After literally hours of messing around, I found a way to get rid of it through CSS, thinking that there was some CSS code somewhere that was creating it.

That's not the case at all.

The timestamp is in a <abbr> tag similar to the one pasted below:

<abbr class="published" title="2008-08-19T14:00:00-05:00">2:00 PM</abbr>

The code works to show more info about the timestamp when you hover over it.

After figuring that out, I wrote up some CSS that will get rid of the underline but will keep the underline for any other <abbr> tags that I choose to use.

abbr.published {border-width:0px;}

Yes, folks, it really is that easy.

Related: Info on the <abbr> tag.

No comments: