Are big pictures in threads annoying? Vote yes and get a free half bottle of beer. S&H only $99.

86 posts / 0 new
Last post
Barkuti
Barkuti's picture
Offline
Last seen: 2 hours 23 min ago
Joined: 02/19/2014 - 14:46
Posts: 4390
Location: Alhama de Murcia, Spain

The following is to report something I already noticed in the past with regards to the max-width property. Let's see an example with a funny gif:

 


With 336 × 210 pixels of actual resolution I've scaled the gif at 3x its per axis resolution: 1008 × 630 pixels. Also, the max-width property is set at 100%. You will see the upper, scaled gif with wrong aspect ratio in small screens (with less than 1008 pixels of available space for the forum box).

 

Smile 

jeff51
jeff51's picture
Offline
Last seen: 3 weeks 5 days ago
Joined: 03/26/2019 - 17:36
Posts: 91
Location: Middle of Texas

Is it possible to set a youtube video to a % of column width.
I tried a few different ways and all I seem to be able to do is set the width in pixels.
Thanks for the help,
All the best,
Jeff

A test from youtube using video:https://youtu.be/RyJUbe-foPM width:400

If you watch this turn the VOLUME DOWN first.

Trying width % video:https://youtu.be/RyJUbe-foPM width:90%

Gets me 90 pixels

Barkuti
Barkuti's picture
Offline
Last seen: 2 hours 23 min ago
Joined: 02/19/2014 - 14:46
Posts: 4390
Location: Alhama de Murcia, Spain

jeff51,

Setting the width in % as you did in the Simple Post Editor does not work, also tried a max-width attribute to no avail.

Let me say I've always been using fixed resolutions for videos via the Advanced Post Editor. Any video's optimal resolution can be obtained selecting “Nerd statistics” in the drop down right click/long tap video window menu.

Just tried setting the video width in % in the Dimensions left, horizontal box, using the Advanced Post Editor. It actually works, albeit it will look garbled while editing and Preview gets broken. Here it is set at 70% width:

 

Barkuti
Barkuti's picture
Offline
Last seen: 2 hours 23 min ago
Joined: 02/19/2014 - 14:46
Posts: 4390
Location: Alhama de Murcia, Spain

Well, the width porcentual parameter does not work with videos; the forum engine fails to actually detect the correct video parameters and set its height accordingly when used that way. My advice, thus, is to set an actual valid video resolution. Here it is at 854 × 480:

 

Pete7874
Pete7874's picture
Offline
Last seen: 5 hours 12 min ago
Joined: 11/23/2011 - 16:47
Posts: 2799
Location: USA

What happened to max-width? All of a sudden, if I use this syntax, it ignores the % I entered and just shows the image at 100%.

raccoon city
raccoon city's picture
Online
Last seen: 8 min 25 sec ago
Joined: 10/06/2010 - 02:35
Posts: 13433
Location: रॅकून सिटी Palm Desert CA USA

Pete7874 wrote:

What happened to max-width? All of a sudden, if I use this syntax, it ignores the % I entered and just shows the image at 100%.

http://budgetlightforum.com/node/69459

Pete7874
Pete7874's picture
Offline
Last seen: 5 hours 12 min ago
Joined: 11/23/2011 - 16:47
Posts: 2799
Location: USA

raccoon city wrote:

Pete7874 wrote:

What happened to max-width? All of a sudden, if I use this syntax, it ignores the % I entered and just shows the image at 100%.


http://budgetlightforum.com/node/69459


Not sure that it answers my question. There is something wonky going on when using the ‘max-width’ operator.
ActiveAl
ActiveAl's picture
Offline
Last seen: 5 hours 48 min ago
Joined: 03/27/2018 - 03:14
Posts: 563
Location: Central Florida

djozz wrote:
You can set image size in the advanced editor too, but in a bit weird way: instead of setting width to a certain amount of pixels, instead fill in a percentage in the width field, i.e "70%" , then empty the height field.

Like this?

Test

Pete7874
Pete7874's picture
Offline
Last seen: 5 hours 12 min ago
Joined: 11/23/2011 - 16:47
Posts: 2799
Location: USA

For some reason I get an error message when trying to insert an image into this thread using the image icon in Simple Post Editor quick reply box:

Firefox says:

Quote:
TypeError: document.getElementById(…) is null

Chrome says:

Quote:
TypeError: Cannot set property ‘disabled’ of null
ActiveAl
ActiveAl's picture
Offline
Last seen: 5 hours 48 min ago
Joined: 03/27/2018 - 03:14
Posts: 563
Location: Central Florida

Pete7874 wrote:
For some reason I get an error message when trying to insert an image into this thread using the image icon in Simple Post Editor quick reply box: Firefox says:
Quote:
TypeError: document.getElementById(...) is null
Chrome says:
Quote:
TypeError: Cannot set property 'disabled' of null

It would be helpful if you posted what you inserted.  Perhaps leave off the < > delimiters so that the browser does not parse it as html. 

Pete7874
Pete7874's picture
Offline
Last seen: 5 hours 12 min ago
Joined: 11/23/2011 - 16:47
Posts: 2799
Location: USA

ActiveAl wrote:

Pete7874 wrote:
For some reason I get an error message when trying to insert an image into this thread using the image icon in Simple Post Editor quick reply box: Firefox says:
Quote:
TypeError: document.getElementById(…) is null
Chrome says:
Quote:
TypeError: Cannot set property ‘disabled’ of null

It would be helpful if you posted what you inserted.  Perhaps leave off the < > delimiters so that the browser does not parse it as html. 


I did not insert anything. These errors pop up the moment I try to click on the “Insert Image” icon.

See screenshot: https://i.imgur.com/XTfZ5w5.png

ActiveAl
ActiveAl's picture
Offline
Last seen: 5 hours 48 min ago
Joined: 03/27/2018 - 03:14
Posts: 563
Location: Central Florida

Pete7874 wrote:
ActiveAl wrote:

Pete7874 wrote:
For some reason I get an error message when trying to insert an image into this thread using the image icon in Simple Post Editor quick reply box: Firefox says:
Quote:
TypeError: document.getElementById(...) is null
Chrome says:
Quote:
TypeError: Cannot set property 'disabled' of null

It would be helpful if you posted what you inserted.  Perhaps leave off the < > delimiters so that the browser does not parse it as html. 

I did not insert anything. These errors pop up the moment I try to click on the "Insert Image" icon. See screenshot: https://i.imgur.com/XTfZ5w5.png[/quote]

Perhaps you can try a different browser, or the advanced editor:

 

Pete7874
Pete7874's picture
Offline
Last seen: 5 hours 12 min ago
Joined: 11/23/2011 - 16:47
Posts: 2799
Location: USA

As I mentioned before, this happens in both Firefox and Chrome, only in Simple Post Editor, and only in this thread. Any other thread – it works fine. Just found it very odd.

Does anyone else get the same error when trying Simple Post Editor in this thread?

sb56637
sb56637's picture
Offline
Last seen: 5 hours 4 min ago
Joined: 01/08/2010 - 09:29
Posts: 6561
Location: The Light

Hmmm weird. Works for me (sorry, I hate that kind of answer from admins). Anybody else can confirm or deny this?

Budget Light Forum ...where Frugal meets with Flashlight!

shirnask
shirnask's picture
Offline
Last seen: 4 hours 39 min ago
Joined: 03/21/2016 - 23:58
Posts: 1071
Location: Louisiana

I get exactly the same error – Firefox

sb56637
sb56637's picture
Offline
Last seen: 5 hours 4 min ago
Joined: 01/08/2010 - 09:29
Posts: 6561
Location: The Light
shirnask wrote:
I get exactly the same error – Firefox

Thanks for reporting.

Dunno, it works for me in Chrome and Firefox. Please try clearing the browser cache or force-refreshing the page now that I made the CSS tweak mentioned before.

Budget Light Forum ...where Frugal meets with Flashlight!

Pete7874
Pete7874's picture
Offline
Last seen: 5 hours 12 min ago
Joined: 11/23/2011 - 16:47
Posts: 2799
Location: USA

sb56637 wrote:
Please try clearing the browser cache or force-refreshing the page now that I made the CSS tweak mentioned before.

Tried it. Still same problem, and it happens on multiple PCs (Windows, Linux), and my Android phone.

It’s weird that it only happens in this one thread. Odd, but no biggie.

shirnask
shirnask's picture
Offline
Last seen: 4 hours 39 min ago
Joined: 03/21/2016 - 23:58
Posts: 1071
Location: Louisiana

Cleared cache same problem – firefox and Crome

Barkuti
Barkuti's picture
Offline
Last seen: 2 hours 23 min ago
Joined: 02/19/2014 - 14:46
Posts: 4390
Location: Alhama de Murcia, Spain

Browser version maybe?  But only in this thread? 

shirnask
shirnask's picture
Offline
Last seen: 4 hours 39 min ago
Joined: 03/21/2016 - 23:58
Posts: 1071
Location: Louisiana

Latest version in both browsers

sb56637
sb56637's picture
Offline
Last seen: 5 hours 4 min ago
Joined: 01/08/2010 - 09:29
Posts: 6561
Location: The Light

Pete7874 wrote:
sb56637 wrote:
Please try clearing the browser cache or force-refreshing the page now that I made the CSS tweak mentioned before.

Tried it. Still same problem, and it happens on multiple PCs (Windows, Linux), and my Android phone.

It’s weird that it only happens in this one thread. Odd, but no biggie.

Very weird indeed. Could be an extension interfering? It’s something to do with the Javascript on that page. Or maybe somebody inserted some Javascript in one of the posts that is messing with the editor. I guess it’s not a big deal as long as it’s just that one page.

Budget Light Forum ...where Frugal meets with Flashlight!

264
264's picture
Offline
Last seen: 6 hours 15 min ago
Joined: 12/08/2011 - 14:52
Posts: 1491

Understanding how to correctly size images is a bit of worthwhile knowledge. If seeing an image that you consider too large or small and then getting into a twist about it is just silly. Maybe not everyone knows what is considered an appropriate size to post. Older people can not see as well as teens and young adults. A large image can be helpful to us old farts. Peace.

Barkuti
Barkuti's picture
Offline
Last seen: 2 hours 23 min ago
Joined: 02/19/2014 - 14:46
Posts: 4390
Location: Alhama de Murcia, Spain

Can understand 264. I normally use a 50 or 70% width modifier, sometimes 100% if the image resolution is big. However, there are always ways to see an image properly sized, at least outside of pages with blocking code like  Bangbad. You can long tap or right click on images and download them, open them in a new window and or do with them whatever the browser or software you use allows to. So no big deal I think. 

patmurris
patmurris's picture
Offline
Last seen: 1 day 6 hours ago
Joined: 12/22/2014 - 15:54
Posts: 1417
Location: Nice, France

Images that break the page layout are indeed annoying.

So are huge file size.

If it comes from a phone or a digital camera it is important to downsize the image before uploading it. A 1024 pixel wide image with moderate jpeg compression will be much less then a megabyte. I do it with Paint, save as same name with _1024 suffix. If i only need to show part of the image i crop it before resizing if it is still too large.

I think some picture hosting sites provide links to smaller versions of uploaded files, but i never used one, so not sure.

Barkuti
Barkuti's picture
Offline
Last seen: 2 hours 23 min ago
Joined: 02/19/2014 - 14:46
Posts: 4390
Location: Alhama de Murcia, Spain

Huge file size is only a piece of the puzzle, it can be a burden but generally isn't for a single or a couple images. I do not usually reduce picture resolution, but I often crop them. By cropping the image you trim it down precisely removing what you don't need, while setting the meat at the forefront. Thumbs Up 

Pages