I’m building a flexible mobile version of a website. All widths are in %'s, all text is in em’s. However, the only image is causing trouble. I have applied the flexible image action to the image, but I don’t want the image growing wider than 500px.
I thought “that’ll be easy, I’ll add max-width: 500px to the extended dialog.” However, that doesn’t seem to be working. Take a look:
You need to add the max-width attribute as part of the attribute, not the img itself. So Item / Extended, then look for a tab in that dialog labeled with the word style. Add max-with there, and remove it from the image itself.
Walter
On Jan 17, 2013, at 2:27 PM, Caleb Grove wrote:
I’m befuzzled.
I’m building a flexible mobile version of a website. All widths are in %'s, all text is in em’s. However, the only image is causing trouble. I have applied the flexible image action to the image, but I don’t want the image growing wider than 500px.
I thought “that’ll be easy, I’ll add max-width: 500px to the extended dialog.” However, that doesn’t seem to be working. Take a look:
It’s amazing what a typo can do! Good catch Ernie.
Walter; This time it is in the style tag. For some reason Freeway didn’t fully upload it the first time.
Now the image isn’t growing past 500px (Yay!), but I seem to have struck another problem. The image won’t center horizontally (the margins are set to auto).
It’s amazing what a typo can do! Good catch Ernie.
Walter; This time it is in the style tag. For some reason Freeway didn’t fully upload it the first time.
Now the image isn’t growing past 500px (Yay!), but I seem to have struck another problem. The image won’t center horizontally (the margins are set to auto).
Insert an inline HTML box. Set width to 100% and in the extended style dialog set max-width to 500px. Set its margin to auto in the inspector.
Inside that HTML box, insert the image, also inline. Using the flexible image action, set its width to 100%. In the extended style dialog, set it to have a max-width of 500px. Leave the margin box empty.
Go back to that HTML box, and de-select the height from the inspector.
Now you have a centered, flexible to 500px, inline image!
Caleb. I poked around trying to find what image gallery you are using on http://spokanecivilwar.com/dev/m/ and turns out to be Softpress’s own Exhibeo. I had forgotten about it. Good to see it in action. Nice stuff. http://exhibeoapp.com.