View Single Post
Old 03-25-2012, 10:36 AM   #11
yoss15
Enthusiast
yoss15 began at the beginning.
 
Posts: 37
Karma: 10
Join Date: Jul 2011
Device: Kindle
My issue is that all of my photos are larger than most screens it seems. What I did is resize them to 90% or 80% depending on how large the caption following them is, allowing it all to fit on one page because all of my photos have a page break before. Coupling this with display:inline-block works for me.

I know this isn't the ideal solution but it was the best I could come up with as I have no experience with SVG.

This seems to do what I want for both iBooks and ADE whereas page-break-inside:avoid wasn't working for me with ADE although I think it is supposed to.

The issue I'm having now is that although my captions are centered in ADE the images are not. I've tried all kinds of tweaking to my CSS and can't get it to center. Its not on the right margin, about 25% off of it.

I have text-align:center for my images and the margin set to margin:0 auto; but no luck, any ideas?

Edit: I've also tried margin: 1em 0 with the same results

Last edited by yoss15; 03-25-2012 at 10:40 AM.
yoss15 is offline   Reply With Quote