Image Tamer (CSS)

<< updated: 3/8/2004

Summary: Specify the maximum width for images in posts.

HEAD: (box #1)

<style type="text/css">
/* IMAGE TAMER */
td.m p { border-width: expression(this.nextSibling.className != "signature" ? this.innerHTML != "" ? (this.innerHTML != "<!--EZCODE CENTER START-->" ? 0 : this.nextSibling.className = "signature") : this.nextSibling.className = "signature" : 0); }
td.m .signature img { width: expression(this.width > IMAGE_IN_SIG_MAX_WIDTH ? IMAGE_IN_SIG_MAX_WIDTH : true); }

td.m p img, td.m p+div img { max-width: IMAGE_IN_SIG_MAX_WIDTH; }
td.m p img { width: expression(this.width > IMAGE_IN_SIG_MAX_WIDTH ? IMAGE_IN_SIG_MAX_WIDTH : true); }

td.m img { max-width: IMAGE_IN_POST_MAX_WIDTH; }
td.m img { width: expression(this.width > IMAGE_IN_POST_MAX_WIDTH ? IMAGE_IN_POST_MAX_WIDTH : true); }
/* END IMAGE TAMER */
</style>

HEAD Notes:

Replace every instance of IMAGE_IN_SIG_MAX_WIDTH with the maximum width of allowed images in the signature and every instance of IMAGE_IN_POST_MAX_WIDTH with the maximum width of allowed images in the post.

To limit height instead of width, replace every occurrence of width with height in the CSS.

History:

3/8/2004 - bug with keyword auto
7/11/2003 - fixed image + text overlap issue
6/20/2003 - fixed sizing issue
5/9/2003 - written by phalen180

Credits:

written by phalen180
suggested by tigersfoot