Images not resizing to browser size for HTML5

This forum is for all Flare issues related to the HTML5, WebHelp, WebHelp Plus, and Adobe Air Targets
Post Reply
phebert
Propeller Head
Posts: 25
Joined: Thu Jun 19, 2014 6:51 am
Location: Nashville, TN

Images not resizing to browser size for HTML5

Post by phebert »

Hello,

I have a topic with three images but not all the images are resizing to the browser window. The first image in the topic is a image of the application window in it's entirety then the second and third images are images of just certain areas of the application window. Some topics have just one image, others two, at the most, we have three images. All images are inserted from Capture and have been saved as .png. The images were created in Capture using the default profile. However, when we test this as HTML5 output, not all images are resizing to the browser window. What do I need to do so that all images in a topic resize to the browser window? Any help is greatly appreciated!

Also, we're using Flare v9.1.2. I just tested this, the screen resolution I'm working with is 1024x768, what most of our users are set to, and none of the images resize. We had been using thumbnail images but removed that thinking it was causing or contributing to the problem. With full images, none are resizing. I also made sure that the skin is using Use Default Brower Default Size on the size tab.
doc_guy
Propellus Maximus
Posts: 1979
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West
Contact:

Re: Images not resizing to browser size for HTML5

Post by doc_guy »

what about adding this to the CSS:

Code: Select all

img {
     max-width:100%
}
That lets your images be at the size they were inserted, if they are smaller than the browser window. But as soon as the window changes size, the images resize so they are never bigger than 100% of the container element.
Paul Pehrson
My Blog

Image
phebert
Propeller Head
Posts: 25
Joined: Thu Jun 19, 2014 6:51 am
Location: Nashville, TN

Re: Images not resizing to browser size for HTML5

Post by phebert »

Thank you! I add this to the CSS and it helped immensely! I did find a problem with how we captured some of the images we're using. They are a portion of an application window and when I re-captured them using Capture Window, they are sizing when we manipulate the browser window size. We've removed the thumbnail since that still doesn't resize, meaning, if you click on the thumbnail then resize the window, the image does not. A small issue and one I'd like to get resolved but we can work with what we've got. Now, I just wish I had a minion to update all the images we captured incorrectly!
doc_guy
Propellus Maximus
Posts: 1979
Joined: Tue Nov 28, 2006 11:18 am
Location: Crossroads of the West
Contact:

Re: Images not resizing to browser size for HTML5

Post by doc_guy »

Oh, and welcome to the forums!
Paul Pehrson
My Blog

Image
Post Reply