![]() |
#1 |
Member
![]() Posts: 19
Karma: 10
Join Date: Apr 2015
Device: Kobo Aura H2O 2ed
|
![]()
I would like to show two images, each one of them with its caption, in a single page.
Two images have different size (not "very" different), and I have two different e-book readers: Sony PR-S t1 and Kobo Aura H2O. Do you have any suggestion? Actual code is: Code:
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><meta name="charset" content="UTF-8"/> <title></title> <link rel="stylesheet" href="../Styles/main.css" type="text/css"/> </head> <body> <h2 style="text-align: center;"><img src="../Images/main-18.jpg" alt=""/><br/></h2> <div> <p style="text-align: center;"><span style="font-style:italic;">Figura 1: l'Adige al quartiere s. Alessio e chiesa di s. Giorgio (M. Lotze)</span></p> <p><span style="font-style:italic;"><br/></span></p> <p><span style="font-style:italic;"><br/></span></p> <div style="text-align: center;"><img src="../Images/main-19.jpg" alt=""/></div> <p style="text-align: center;"><span style="font-style:italic;">Figura 2: Case sul fiume nel quartiere S. Alessio (1880)</span></p> </div> <div><br/></div> <div><br/></div> <div></div> </body> </html> ![]() |
![]() |
![]() |
![]() |
#2 |
Groupie
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 183
Karma: 266070
Join Date: Dec 2010
Device: Win7,Win10,Lubuntu,smartphone
|
I would *try * to put each <im.../> plus its caption <p>...</p> into a <div style="display:inline; max-width: 50%">...</div>, and perhaps both into a single <div>...</div>.
That should work in xhtml: I won't answer for the effect under any particular viewer, though. |
![]() |
![]() |
Advert | |
|
![]() |
#3 |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 27,823
Karma: 198099188
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
|
This is not really a Sigil question/issue. Moving it to the epub forum,
|
![]() |
![]() |
![]() |
#4 |
A Hairy Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 3,160
Karma: 18843349
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 15/11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
Here is an example of what carmenchu suggested. I also recommend you test on your specific platforms.
Two on same page: Spoiler:
I would move the <style> into a separate, linked, css sheet. The max-width should be set to your images - it is there to prevent small images from being over-blown and getting fuzzy. The 'page-break-inside:avoid' isn't always respected by devices/apps...but it doesn't hurt to try... Two on same page, side-by-side: Spoiler:
These settings can all be adjusted to suit your preferences. I hope that helps! |
![]() |
![]() |
![]() |
#5 |
Wizard
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 1,582
Karma: 7043711
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
And if you plan to do also something for Kindle, here you could find a way to do it:
https://www.mobileread.com/forums/sh...4&postcount=21 |
![]() |
![]() |
Advert | |
|
![]() |
#6 |
Member
![]() Posts: 19
Karma: 10
Join Date: Apr 2015
Device: Kobo Aura H2O 2ed
|
![]()
Sorry for the delay but I'm trying the proposed solutions but I have communication problems between the PC and the Kobo ....
![]() |
![]() |
![]() |
![]() |
|
![]() |
||||
Thread | Thread Starter | Forum | Replies | Last Post |
Multiple JPG images in SVG on single epub page | dbb1480 | Sigil | 7 | 05-20-2016 09:57 AM |
Print page range in viewer outputs single empty page | larzeb | Library Management | 2 | 04-30-2013 05:24 AM |
Printing a Single Page? | foxglove | Calibre | 0 | 11-16-2011 06:24 PM |
PRS-900 Single page in landscape mode? | leonardfrye | Sony Reader | 2 | 03-25-2010 08:29 AM |
Single page "Invalid Page!" error Sony-505 | 2percentright | Calibre | 5 | 07-29-2009 11:22 AM |