07-31-2010, 11:48 AM | #1 |
Groupie
Posts: 185
Karma: 1004070
Join Date: Jul 2010
Location: Italy
Device: Kindle for Android, Google Play Books
|
How to center/fit page width SVG images with <OBJECT>
Based on discussion in another thread, I use the following CSS and XHTML for simple horizontally centered images with a caption:
Code:
div.figure { text-align: center; font-style: italic; font-size: 80%; margin: 1em 0; page-break-inside: avoid; } div.figure img { page-break-after: avoid; } div.figure p { text-align: center; text-indent: 0; margin-top: 1em; page-break-before: avoid; } ... <div class="figure"> <img src="../Images/my-image.jpg" /> <p>Caption</p> </div> Code:
<div class="figure"> <object type="image/svg+xml" data="../Images/my-image.svg"> <img alt="Fallback" src="../Images/my-image.jpg" /> </object> <p>Caption</p> </div> |
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
K3 - Fit to screen (width) for PDF | nuke | Amazon Kindle | 0 | 09-30-2010 09:27 AM |
Page Width | kobo2010 | Kobo Reader | 4 | 05-10-2010 08:14 PM |
PRS-600 How to make prs600 display PDF fit width? | wifish | Sony Reader | 1 | 12-20-2009 12:28 PM |
How A4 Jpeg to Fit the Page in DR1000s | spuggy | iRex | 0 | 09-02-2009 04:47 AM |
PDF Fit Visible per page/landscape view | jessesn | Sony Reader | 4 | 10-02-2006 10:42 AM |