WebAIM - Web Accessibility In Mind

E-mail List Archives



From: Andrew Kirkpatrick
Date: Jun 27, 2005 12:27PM

> You can still size the height and width of an image in percents or ems
> in
> the HTML, so why would it be better to put in the CSS?

Percents, yes. Ems, no.

If you are using a lot of images I agree that this could bloat the
code, but if you are not using images of text and you are following a
template for the pages in a site so that you know where the images go
on the page and can reference them by id or tree position you won't
have that much extra CSS. The CSS might be larger, but the HTML will
be a little smaller and the CSS is usually cached.


> Unless you use a very limited number of image sizes as generic classes
> it
> would still bloat your CSS considerably without providing any benefit
> over
> having the height of width of an image in the html whether it is
> specified
> in ems or pixels is immaterial.
> If you know of a tool that will allow one to take a pixel measurement
> and
> convert it into ems without a lot of trial and error I for one would be
> happy to know of it.
> Cheryl D. Wise
> MS FrontPage MVP
> http://mvp.wiserways.com
> http://starttoweb.com - Online instructor led web design training in
> FrontPage, Dreamweaver and more!
> -----Original Message-----
> From: Andrew Kirkpatrick
> In fact, if you are using ems for sizing, there is benefit to sizing
> the
> images in the CSS since you can get the image to resize along with the
> text
> when the user increases the font size (if that is desirable on the
> particular site or for a particular image).
> For a working example:
> http://www.htmldog.com/articles/elasticdesign/demo/ (example cited in
> Patrick Griffith's alistapart.com article, "Elastic Design".

Andrew Kirkpatrick
WGBH National Center for Accessible Media
125 Western Ave.
Boston, MA 02134