Tiffany B. Brown

A web log about web development and internet culture with frequent detours into other stuff.

Posts in: CSS

Recommended: “A Guide to CSS Support in Email: 2007 Edition”
From the fine folks at Campaign Monitor: A Guide to CSS Support in Email: 2007 Edition. It’s an update to the advice we’ve been hearing in light of the recent changes to CSS support in Outlook 2007 and the forthcoming launches of a new Yahoo! mail and the launch of Windows Live Mail. Related: Using CSS [...] [19 Apr 2007]
Molly explains what’s up with CSS and Outlook 2007
From the post: As it turns out, in past versions, Outlook used two rendering engines. IE’s for reading content, and Word for composing messages. What this meant was that if you were replying or forwarding HTML emails, previous versions of Outlook would first use IE’s rendering engine to view it, then would switch over to the [...] [17 Jan 2007]
Getting rid of spaces between vertically-stacked images
So you’ve got an HTML page (or HTML e-mail) with vertically-stacked images. And you’ve noticed a little problem: Each image is followed by a line of blank white space. So you check your code. You remove all of the line breaks and spaces from around your img tag. Then you refresh your browser window. And guess [...] [16 Jan 2007]
Rounded corners using DOM Scripting and CSS
This is unintentionally similar to Adam Kalsey’s technique. I had the idea and did a proof-of-concept. Then I did a Google search for ‘rounded corners’ and found that he (and about 5011 other folks) had already published something quite similar. I think my method is different enough to warrant a post. And if it isn’t, [...] [29 Nov 2006]
CSS line-height and valid values
Compare and validate (by activating the link) the following bits of CSS: #navigation{line-height:2;} #navigation{line-height:2.0;} According to the CSS specification, valid values for line height include normal, a number, a specific length (such as pixels or ems), a percentage, or inherit. Values such as #navigation{line-height:1.2;} and #navigation{line-height:.5;} are perfectly valid. So why does #navigation{line-height:2;} flunk the test while 2.0 [...] [20 Nov 2006]
Today’s DOM scripting tip
Something I learned after many hours of lamenting “Why in the hell doesn’t this work in IE 6?” When setting a class name for an element, use element.className instead of element.setAttribute(’class’,'nameOfClass’) for compatibility with Internet Explorer 6. The latter should work just fine in Internet Explorer 7. I’d avoid using element.style completely to provide the best separation [...] [26 Oct 2006]