Screenshots cause wrapping

[Dendro]

Whenever I'm reading a thread that has wide images (like 1280x1024 screenshots), the pictures are shown actual size and force the text to be wrapped based on that 1280-or-so-pixel-wide body text width.  Since I usually read the forums on my 1024x768 PowerBook, this is pretty annoying.  It happens both in Firefox and Safari.  It's particularly strange because when I bring up those images directly (e.g. <a href="http://img.photobucket.com/albums/v351/iwh_99/EQ2/fabledchanterhat.jpg" target="_blank" rel="nofollow">http://img.photobucket.com/albums/v...dchanterhat.jpg</a> from the thread <a href="http://forums.station.sony.com/eq2/posts/list.m?start=15&topic_id=169225" target="_blank" rel="nofollow">http://forums.station.sony.com/eq2/...topic_id=169225</a>) Firefox automatically scales the image so it fits.  Is there something I can do to get Firefox to do this in-line also?  Maybe editing the userContent.css file?  Thanks.

[Seagoat]

<p>I don't think there's much that can be done about it.  There may possibly be a Firefox extension that will accomplish this, but I haven't gone looking for one myself...you never know, there may be one out there that will help.</p><p>From my experience, this happens on just about every single website and forum that I've ever come across.  IMO it's the responsibility of the person posting the image to keep them down to a manageable size; the fact that they haven't done that indicates either a lack of respect -or- lack of knowledge of how to accomplish this sort of thing.</p><p>Most image hosting websites will provide interim sizes for very large images that can be used instead of the originals, or the user themselves can crop out the extraneous bits using free and easy-to-use image manipulation programs such as <a href="http://www.irfanview.com/" target="_blank" rel="nofollow">Irfanview</a>.</p><p>Some forum software (like <a href="http://www.simplemachines.org/" target="_blank" rel="nofollow">SMF</a>) will put oversized images into an iframe or scrolling DIV, eliminating horizontal scrolling except for the purpose of viewing the image itself.</p><p>Unfortunately, there are far too many people who don't care about inconveniencing or annoying other forum users, and/or they don't want to be bothered with taking the few extra seconds necessary to look for an intermediate-sized image URL or resize/crop the image themselves.  This forum software obviously doesn't make any adjustments for oversized images, either.</p><p>If you can find a Firefox extension that alleviates this problem, please do share it.  <img src="/smilies/3b63d1616c5dfcf29f8a7a031aaa7cad.gif" border="0" alt="SMILEY" />  I'm sure others would benefit from it as well.</p>

[Dendro]

After spending a few more hours hunting on the web, and testing/debugging, I've come up with a quick hack that I can make do with until I find a more sophisticated solution.  Add the following lines to your userContent.css file (see <a href="http://www.mozilla.org/support/firefox/edit" target="_blank" rel="nofollow">http://www.mozilla.org/support/firefox/edit</a> for more info): /*  * Shrink big images on Sony forums unless you mouseover  */ @-moz-document url-prefix(<a href="http://forums.station.sony.com" target="_blank" rel="nofollow">http://forums.station.sony.com</a>) {   IMG { max-width: 750px; }   IMG:hover { max-width: none; } } This will limit all images you see when you view the Sony forums down to a maximum width of 750 pixels, shrinking them if necessary while preserving the original aspect ratio.  If you want to see the image at full resolution, just mouse over it. Or right-click on the image, choose Copy Image Location, open a new tab, and paste the image url in there.  Customizations:  Of course, edit the 750 pixel value to whatever is appropriate for your system.  If you don't want it to flip to full-size on mouseover, delete the IMG:hover line.  If you want this to work on every site, not just these forums, delete the lines beginning with @, {, and }.

[Seagoat]

Nice one!!  That ought to come in handy.  <img src="/smilies/3b63d1616c5dfcf29f8a7a031aaa7cad.gif" border="0" alt="SMILEY" />

[Dendro]

Hmm...it preserves aspect ratio on the screenshots I was looking at, but I see now that it doesn't for some other screenshots...I'm not sure yet how to fix this issue.

[Tstorm]

While this may not solve the problems of the world, I just wanted to chime in and say how much I enjoy discussion like this.  Maybe the workaround combined with the discussion might inspire the developers into a way to address this on the server side.