View Single Post
Old 06-03-2018, 11:13 AM   #7
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,830
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Notjohn View Post
I always put the image in a section/file of its own. If the image is horizontal, I generally include a caption in the same section, but there's certainly no requirement that it be done that way.
That it works. Of that way one will be sure that no text will be before or after the picture (unless one uses a caption as you say, but this is a choice).

However, with that method, still remains the problem of the vertical position of the image (the width will be 100% so no problem with the horizontal position). By using the image as background, you can control that position with the property "background-position". With the value "center center" (or 50% 50%) you can set it exactly in the center (or wherever you want by using percentages). And with the property "background-size" with the value "contain" you'll be sure that the image will have the bigger size possible.

Quote:
I've never experienced a blank page after, or especially before, an image. Wouldn't that only come about if there were some hidden formatting or a substantial demand for margin-bottom in the division style?
As you, I also never experienced a blank page before an image, but I think that could be some issue with "padding-bottom" in the division style previous to the new .xhtml file with the image.

Regards
Rubén
RbnJrg is offline   Reply With Quote