Image Tamer

Cool Tips & Tricks	Help Communities:

<< Prev Topic | Next Topic >>

Cool Tips & Tricks ::: CSS FAQ ::: Image Tamer

Topic: Image Tamer

(?)

phalenl80

Registered User
Posts: 214

Posted: 5/9/03 11:10 am
Image Tamer

(updated for FAQ)

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>

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

Edited by: Nutrocker at: 3/10/04 2:47 pm

::: Topic Commands

<< Prev Topic | Next Topic >>

Icon Legend

:::Reply to Post Button

:::Edit Post Button

:::Delete Post Button (Moderator Only)

:::Subscribe to Thread Button

:::Email to Friend Button

- Cool Tips & Tricks - CSS FAQ -

ezboard Help Communities:

Help Forums Bug Base