Cap image width

[dree12]

Add to the stylesheet:

Code:

img {
  max-width: 100%
}

This rescales all images to the maximum width possible without a scrollbar. We all think scrollbars are annoying, but so are downsized images by overzealous posters trying to avoid them. This seems to be a simple solution.

Test below (courtesy niko):

[1715280792]

1715280792

[1715280792]

1715280792

[1715280792]

1715280792

[1715280792]

1715280792

[1715280792]

1715280792

[1715280792]

1715280792

[dree12]

Bump. This would be a trivial and very useful addition at no cost.

[dree12]

People have recently expressed concerns with mobile phones. This simple 3-line change would resolve those. I'm not sure why it hasn't been added.

[Mike Christ]

I, too, would like to see this implemented.

[greyhawk]

I concur.

[21after2]

I'm surprised this hasn't already been implemented, or at least responded to. It's a simple, efficient, and quick idea to put in.

[repentance]

Please do this.

[Phinnaeus Gage]

I concur.

Concur, I.

[niko]

Test:

[theymos]

Done.

Test:

http://blog.ancientlasers.com/wp-content/uploads/2012/02/Bitcoin.jpg

I own that coin.

[dree12]

Done.

Test:

http://blog.ancientlasers.com/wp-content/uploads/2012/02/Bitcoin.jpg

I own that coin.

This doesn't seem to work right now. The class ".headerandpost" should be ".td_headerandpost".

[theymos]

Fixed.

[dust]

This isn't working here, where a large image is quoted: https://bitcointalk.org/index.php?topic=146385.msg1554510#msg1554510


However the image in this thread is properly handled when quoted.

Test:

[deepceleron]

Fixed.

So this was changed?

https://bitcointalk.org/Themes/custom1/style.css?fin11:

Code:

#bodyarea .windowbg .td_headerandpost img {max-width: 100%}

The preview post feature doesn't show the auto-shrunk version of images though..
Actually the whole thread below where you post a response still has full-size images
                        


So I put something like this:

And now no in-post scroll to make it useful...?
(edit: my post has a scroll bar...)

Another place to fix width is in the "show last posts" per user. One wide post (code or image) and the whole page goes wide:
https://bitcointalk.org/index.php?action=profile;u=63589;sa=showPosts


The mobile phone user would be served by a SMF extension that followed the link and made sure the linked file isn't huge. I could kill a page and blow up your 4G by linking a never-ending php as an image.

[deepceleron]

More: To force width it appears that class="post" is what needs a style. It looks like to fix old posts below a reply or "view all posts by" you need to add to  "windowbg", "windowbg2", "windowbg3":

Code:

<tr class="catbg">
<td colspan="2" align="left" class="smalltext">
<div style="float: right;">Posted on: February 21, 2013, 02:03:01 PM</div>
Posted by: greyhawk
</td>
</tr><tr class="windowbg2">
<td colspan="2" class="smalltext" id="msg1547342" width="100%">
<div align="right" class="smalltext"><a href="#top" onclick="return insertQuoteFast(1547342);">Insert Quote</a></div>
<div class="post">I concur.</div>
</td>

[theymos]

Alright, I fixed that.

[Mike Christ]

Works great

[2112]

Is it difficult to add the same to the stylesheet that governs the "Show the last posts of this person" page? Thanks.