Beta visual bug: warning/error icons improperly sized

When viewing a validation result, the error and warning icons
(<url:http://validator-test.w3.org/images/info_icons/error.png> and
<url:http://validator-test.w3.org/images/info_icons/warning.png>
respectively) are sized to 19x19 px on my system. Their actual dimensions
are 32x32 px. This leads to poor image reduction results.

In the CSS, the image's dimensions are set thus:
li span.err_type img {
    width: 1.2em;
    height: 1.2em;
    padding-bottom: .2em;
    vertical-align: middle;
}

The relative 'em' length measures may not be the best choice here since
these pretty icons do not seem to reduce well visually.

For reference, my windows system is set to using large fonts...I don't
recall for certain whether or not 'em' measures are affected by system
font sizes.

Tested on Opera 9.1, FF 1.5.0.12 and IE 6.0.2900. [1]

-Brian

[1] Transparency on IE 6 for these PNGs also do not work as expected, but
    that is, of course, an IE bug.

Received on Wednesday, 25 July 2007 01:23:55 UTC