User guide - About standard PNG images
I am still amazed at how tight and efficient your code is for standard PNG images.
I had to try it on a separate book to convince myself there was not any trick...
Spoiler:
Code:
<div class="image"><img alt="" src="../Images/numéro01.png" /></div>
and the CSS rules I found (maybe even only the first one here applies)
Code:
div.image {
text-align: center;
margin-top: 1em;
margin-bottom: 1em;
page-break-inside: avoid;
}
img {
max-width: 100%;
}
I remarked that your images scale very well. I tried with a "standard" png image and it did scale but not so well. Maybe, this is due to the fact that your images are set in some kind of frames? (see third screenshot)
1. - Image properties
Now, in Book view, when double clicking, we can access to the "Properties" of images and modify them. However, I noticed that these fields (width, height, etc.) were not even filled up in your Guide (see screenshots). Could you comment this?
2. - The standard images in your guide are all centered. What would have been your recommended code for a floating one?