Notebooks for iPhone Answers

Mario Moscovici

Image size problem

Mario Moscovici, November 30, 2011 14:14

Hi,

I am trying to resize an image to be smaller in with notebooks by using the following:

->[![][NBI1]][NBI1]

[NBI1]: NBImages/111130-085618.jpg =30x100

However, this does not seem to work since there is a default style sheet that overrides image size tags generated by the program in:

img { width:70%; height:auto; -webkit-border-radius: 1px; border: none; padding: 12px !important; background-color: #fff; text-align: center; overflow: hidden; -webkit-box-shadow: 0 1px 3px #9e9c93; }

if I try to change the 70% it will convert all your file to a text and revert back the settings of all the document. How do I change the image size or that value so that all my images do not look distorted?

Thumb_logo%20for%20helpify Staff

Alfons Schmid, December 01, 2011 11:03

Hi Mario,

the settings in the style sheet indeed override all other settings, so at the moment there is no option to change an image size. However, the images should NOT be distorted. Where do you see this effect?

Kind regards,
Alfons

A8887c035f57be20a954f54308d07209

Mario Moscovici, December 01, 2011 15:33

By distorted I was referring to pixelated, I apologize about the miss-communication. Would it be possible to implement a feature that either allows you to change the default style header, lets you edit the HTML file or perhaps disable the style header all together?

That would be quite useful considering your translator to HTML supports picture resizing, it shows up in the code but does not translate visually.

Thanks for your help

Thumb_logo%20for%20helpify Staff

Alfons Schmid, December 07, 2011 13:05

Yes, we know that our CSS requires some improvement, we have that on our list ;-)





or Log in