workblog » Design http://iandunn.name/workblog Wed, 25 Aug 2010 22:23:41 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 The Best Way to Define Font Sizes in CSS http://iandunn.name/workblog/the-best-way-to-define-font-sizes-in-css/ http://iandunn.name/workblog/the-best-way-to-define-font-sizes-in-css/#comments Wed, 28 Oct 2009 14:15:23 +0000 Ian http://iandunn.name/workblog/?p=160 Often designers will want fixed font sizes so that the text on the actual size will exactly match their mockups, but The Web is Not Print (see also Pixel Perfect Design Does Not Necessarily Equal Good Web Design). A List Apart has a worked out a good method for sizing text consistently across browsers while maintaining the user’s ability to resize the text to fit their needs.

All you need to do is define a baseline size and line height in the body tag, and then use em’s throughout the rest of the site.


body
{
font-size:100%;
line-height:1.125em; /* 16×1.125=18 */
}

.bodytext p
{
font-size:0.875em;
}

.sidenote
{
font-size:0.75em;
}
]]> http://iandunn.name/workblog/the-best-way-to-define-font-sizes-in-css/feed/ 2 Internet Explorer Doesn’t Match PNG Color to CSS Color http://iandunn.name/workblog/internet-explorer-doesnt-match-png-color-to-css-color/ http://iandunn.name/workblog/internet-explorer-doesnt-match-png-color-to-css-color/#comments Fri, 23 Oct 2009 22:05:23 +0000 Ian http://iandunn.name/workblog/?p=152

All currently available versions of Internet Explorer incorrectly display colors in PNG images. To work around that, instead of setting a background color, you can use create 1×1 pixel image with the color you want, and set it as a repeating background image.

]]> http://iandunn.name/workblog/internet-explorer-doesnt-match-png-color-to-css-color/feed/ 0