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).

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.

Gets me 90 pixels

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:

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:

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%.

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

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

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

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

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. 

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. 

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

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:

 

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?

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

I get exactly the same error – Firefox

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.

sb56637 wrote:

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

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

Cleared cache same problem – firefox and Crome

Browser version maybe?  But only in this thread? 

Latest version in both browsers

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.

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.

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. 

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.

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.