Two pictures side by side in ADE

Glorifind · 07-26-2013, 02:40 AM

Hi,
I try to place two pictures side by side in ADE. Im use sigil as epub editor. Those pictures are in separate HTML files.

Code:

Code:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!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>
  <title>Za_Chiny_e</title>
  
<style type="text/css">
html, body {width:100%;}
  body, p, div, img {margin:0, padding:0;}
  img {display:block;max-width:100%;max-height:600px;}
</style>
</head>

<body>
  <h1 style="padding:0;margin:0;" title="Mapa"></h1>

  <div><img alt="" class="height" src="../Images/china1.jpg" /></div>
</body>
</html>

code is same for both HTMLs. In eink reader pictures renders ok (no white page after) but ADE adds white page next to it (see pictures). Anyone have idea what happening? Thanks for all help.

Jellby · 07-26-2013, 03:10 AM

Separate HTML files = separate pages.

There's nothing you can do in the book about it. At most, there might be a reader option to show a double page layout, but that's outside Sigil's scope.

Now, if you put both images in the same HTML file, it could be something like:

Code:

img {display:inline;max-width:50%;max-height:600px;}

Code:

<div><img alt="" class="height" src="../Images/china1.jpg" /><img alt="" class="height" src="../Images/china2.jpg" /></div>

crutledge · 07-26-2013, 06:47 AM

Would it not be simpler and effective to combine the two images into one?

Tex2002ans · 07-26-2013, 02:13 PM

I second the recommendation that Jellby gave.

Quote:

Originally Posted by crutledge

Would it not be simpler and effective to combine the two images into one?

Sometimes this also occurs when you have a large map which spans across two pages from a scanned book. The scans of each half may not match up, so it is impossible to combine both images into a single map.

On a smaller device it would be nearly impossible to get anything useful out of the map when it gets resized, so having the maps split in half would act like a "zoomed in" version (although in this specific case it looks like a very tiny map of China).

crutledge · 07-26-2013, 04:59 PM

Quote:

Originally Posted by Tex2002ans

I second the recommendation that Jellby gave.

Sometimes this also occurs when you have a large map which spans across two pages from a scanned book. The scans of each half may not match up, so it is impossible to combine both images into a single map.

On a smaller device it would be nearly impossible to get anything useful out of the map when it gets resized, so having the maps split in half would act like a "zoomed in" version (although in this specific case it looks like a very tiny map of China).

Quote:

The scans of each half may not match up

It's very easy to adjust them to match.

Quote:

On a smaller device it would be nearly impossible to get anything useful out of the map when it gets resized

Any map will bd hard to read on a small device. The best that can be done is to view it in landscape. Most readers can zoom an illistration.

I dont belive anyone will be trying to navigate from such a map.

Tex2002ans · 07-26-2013, 09:25 PM

Quote:

Originally Posted by crutledge

It's very easy to adjust them to match.

I have attached a real life example. It was impossible to get a scan of the middle of the map (due to the binding of the book). Therefore, it makes it impossible to merge both maps together (you would be missing a strip in Western USA).

Quote:

Originally Posted by crutledge

Any map will bd hard to read on a small device. The best that can be done is to view it in landscape. Most readers can zoom an illistration.

Yes, but for those devices that do not have zoom, and do not have a large resolution, a map can be better handled with two halves.

Quote:

Originally Posted by crutledge

I dont belive anyone will be trying to navigate from such a map.

Indeed.... but an unreadable thumbnail of a chart/map/table destroys the whole point of passing information that the author intended.

07-26-2013, 02:40 AM	#1
Glorifind Junior Member Posts: 1 Karma: 10 Join Date: Jul 2013 Device: Kindle Classic v4	Two pictures side by side in ADE Hi, I try to place two pictures side by side in ADE. Im use sigil as epub editor. Those pictures are in separate HTML files. Code: Code: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!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> <title>Za_Chiny_e</title> <style type="text/css"> html, body {width:100%;} body, p, div, img {margin:0, padding:0;} img {display:block;max-width:100%;max-height:600px;} </style> </head> <body> <h1 style="padding:0;margin:0;" title="Mapa"></h1> <div><img alt="" class="height" src="../Images/china1.jpg" /></div> </body> </html> code is same for both HTMLs. In eink reader pictures renders ok (no white page after) but ADE adds white page next to it (see pictures). Anyone have idea what happening? Thanks for all help. Last edited by Glorifind; 07-26-2013 at 02:44 AM. Reason: img edit

07-26-2013, 03:10 AM	#2
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Separate HTML files = separate pages. There's nothing you can do in the book about it. At most, there might be a reader option to show a double page layout, but that's outside Sigil's scope. Now, if you put both images in the same HTML file, it could be something like: Code: img {display:inline;max-width:50%;max-height:600px;} Code: <div><img alt="" class="height" src="../Images/china1.jpg" /><img alt="" class="height" src="../Images/china2.jpg" /></div>

07-26-2013, 06:47 AM	#3
crutledge eBook FANatic Posts: 18,301 Karma: 16071131 Join Date: Apr 2008 Location: Alabama, USA Device: HP ipac RX5915 Wife's Kindle	combine images Would it not be simpler and effective to combine the two images into one? Attached Thumbnails

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Kobo Android app - Switch from single to side-by-side view	akuerz75	Kobo Reader	58	11-22-2011 05:29 AM
Kindle DX, PRS-505, nook, and paper - side-by-side	TevK	Which one should I buy?	7	12-23-2009 12:50 PM
Side by Side Comparisons of 505, 600, and K2 screens	jswinden	Sony Reader	61	11-01-2009 11:46 PM
Spiritual Ali, A. Y. & Pickthall, M. & Shakir, M. H.: Al-Qur'an. V1.0.	Yaksha	BBeB/LRF Books	2	08-24-2009 05:46 PM
Side by Side screen comparison: 505 & 700	holden1	Sony Reader	131	11-14-2008 10:57 PM

Advert

Advert