image problems with sigil file with fbreaderj on android

bobmounger · 06-12-2011, 11:52 AM

Greetings,

I am trying to make an epub version of WWII reminiscences of my father-in-law.

the epub it makes has tiny images in the chapter on Dachau, & I cannot figure out how to make them as large as the screen on my android device. I have played with header tags, height & width on the <img...> line, but no good.

I am running Sigil on an ACER netbook running ubuntu lucid. When I tried to make the <img... height="90%"/> the images wouldn't even show up in Sigil.

Any help will be appreciated.

Bob

Toxaris · 06-12-2011, 03:32 PM

You need to give more info. What is the code (codeview in Sigil)?

bobmounger · 06-12-2011, 06:20 PM

For example: When I try to put h3 headings around the <img...> line or add a width or height as below, it seems to have no effect on the display on the smartphone. The height="90%" command wipes out the picture in Sigil.

<?xml version="1.0"?>
<!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></title>
</head>

<body>
<h1 id="heading_id_2">Dachau, including photos</h1>

<p>I don’t remember... were SS men who had been arrested and were awaiting possible trial and punishment. This picture</p>

<p><img alt="" src="../Images/leepix1.jpg" width="90%" /></p>

<p>will give you some idea of what the scene...

mrmikel · 06-13-2011, 06:12 AM

You might look at the css at top of the page in code view. I have had trouble where it says display=block, so you might save a copy aside and then delete anything saying display in the css of the copy and see what you get.
Be aware that if the images are in fact really small, if you succeed in making them bigger they may turn pixelated and jagged. The only cure for that is find another source for bigger images.

You might also look at the css for anything regulating the paragraphs, since the picture is in a paragraph <p>. You could alter the css if it is a problem or simply put in a <br/> before and after in lieu of the <p>.

06-12-2011, 11:52 AM	#1
bobmounger Junior Member Posts: 2 Karma: 10 Join Date: Jun 2011 Location: Dallas Device: Android	image problems with sigil file with fbreaderj on android Greetings, I am trying to make an epub version of WWII reminiscences of my father-in-law. the epub it makes has tiny images in the chapter on Dachau, & I cannot figure out how to make them as large as the screen on my android device. I have played with header tags, height & width on the <img...> line, but no good. I am running Sigil on an ACER netbook running ubuntu lucid. When I tried to make the <img... height="90%"/> the images wouldn't even show up in Sigil. Any help will be appreciated. Bob

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Sigil on Android	ghostyjack	Sigil	3	05-06-2011 03:22 AM
Sigil Centre Image confusion	mhikl	Sigil	39	03-19-2011 03:26 PM
Problems with clicking in Sigil?	candyfloss	Sigil	7	01-04-2011 06:24 AM
Problems with Sigil...	kevinp	Sigil	4	05-09-2010 12:33 PM
FBReaderJ 0.2.3 for Android released	wallcraft	Reading and Management	3	02-10-2009 10:38 PM

06-12-2011, 03:32 PM	#2
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	You need to give more info. What is the code (codeview in Sigil)?

06-12-2011, 06:20 PM	#3
bobmounger Junior Member Posts: 2 Karma: 10 Join Date: Jun 2011 Location: Dallas Device: Android	For example: When I try to put h3 headings around the <img...> line or add a width or height as below, it seems to have no effect on the display on the smartphone. The height="90%" command wipes out the picture in Sigil. <?xml version="1.0"?> <!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></title> </head> <body> <h1 id="heading_id_2">Dachau, including photos</h1> <p>I don’t remember... were SS men who had been arrested and were awaiting possible trial and punishment. This picture</p> <p><img alt="" src="../Images/leepix1.jpg" width="90%" /></p> <p>will give you some idea of what the scene...

06-13-2011, 06:12 AM	#4
mrmikel Color me gone Posts: 2,089 Karma: 1445295 Join Date: Apr 2008 Location: Central Oregon Coast Device: PRS-300	You might look at the css at top of the page in code view. I have had trouble where it says display=block, so you might save a copy aside and then delete anything saying display in the css of the copy and see what you get. Be aware that if the images are in fact really small, if you succeed in making them bigger they may turn pixelated and jagged. The only cure for that is find another source for bigger images. You might also look at the css for anything regulating the paragraphs, since the picture is in a paragraph <p>. You could alter the css if it is a problem or simply put in a <br/> before and after in lieu of the <p>.