Pastor Rick
Head Administrator
Global user (premium)
Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)

|
|
Reply | Quote
|
|
Taming the post and signature image size
OK, so Mooseman, how do I tame the image sizes on my board so it doesn't mess up my board?
quote: Mooseman replied...
If you talk about images in posts, you can actually set a max-width for those. That way it will never mess up the layout by stretching out wider than your screen.
In your CSS :
span.postlistpostbody img{max-width:550px;overflow:scroll;}
Set the width to whatever size in px you want
Thanks Mooseman 
Last edited by Pastor Rick, 11/14/2008, 12:29 am
|
|
6/16/2007, 5:19 pm
|
Send Email to Pastor Rick
Send PM to Pastor Rick
MSN
Blog
|
Pastor Rick
Head Administrator
Global user (premium)
Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)

|
|
Reply | Quote
|
|
Re: Taming the post image size
Moosemans solution doesn't seem to work with IE so to overcome that the following was suggested:
quote: Rimmer replied:
You can control the size of images in your posts by adding code like this at the end of your Custom CSS:
span.postlistpostbody img {
max-width:300px;
width: expression(this.width > 300 ? 300: true);
}
Thanks for a second choice Rimmer 
Last edited by Pastor Rick, 6/17/2007, 11:11 pm
|
|
6/16/2007, 5:29 pm
|
Send Email to Pastor Rick
Send PM to Pastor Rick
MSN
Blog
|
Pastor Rick
Head Administrator
Global user (premium)
Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)

|
|
Reply | Quote
|
|
Re: Taming the post image size
Now all this is well and good but what if you want to restrict the image size by BOTH height and width?
No problem at all it turns out:quote: LeSigner Girl says...
For the height, just change width to height:
span.postlistpostbody img {
max-width:800px;
max-height:600px;
width: expression(this.width > 800 ? 800: true);
height: expression(this.height > 600 ? 600: true);
}
All we have to do is change the numbers to match the maximum size our board can support without breaking the design and this way even if the members on your board ignore your rules on image size at least it won't mess things up for everyone else .
|
|
9/3/2007, 2:55 pm
|
Send Email to Pastor Rick
Send PM to Pastor Rick
MSN
Blog
|
Pastor Rick
Head Administrator
Global user (premium)
Registered: 07-2005
Location: Texas Country
Posts: 292
Karma: 4 (+4/-0)

|
|
Reply | Quote
|
|
Re: Taming the post and signature image size
This is related so I changed the topic title to match the whole subject
The question is, "How do I fix it so the signatures are not so big?"
quote: .ak_msg_post_signature_block img {
max-width: 500px;
max-height:175px;
width: expression(this.width > 500 ? 500: true);
height: expression(this.height > 175 ? 175: true);
}
As with the post image just change the numbers to the maximum width that you wish the signature to be without breaking your boards layout 
Last edited by Pastor Rick, 11/14/2008, 12:39 am
|
|
11/14/2008, 12:37 am
|
Send Email to Pastor Rick
Send PM to Pastor Rick
MSN
Blog
|