WIDTH and HEIGHT in <img> tags

Pablo · 06-01-2010, 10:22 AM

Maybe this was asked before, but I really can't find it:

In my source html file I have the following

Code:

<IMG style="WIDTH: 365px; HEIGHT: 47px" src="BdIm__2.png" border=0>

When I import with Sigil, I get:

Code:

img.sgc-4 {WIDTH: 365px; HEIGHT: 47px}

and

Code:

<img class="sgc-4" border="0" src="../Images/BdIm__2.png" />

The question is: Do I really need to include WIDTH and HEIGHT?
If I delete them, it seems to work Ok, and the resulting CSS is simpler.
And what about "border"?

paulpeer · 06-02-2010, 06:34 PM

I would recommend that you do not use absolute values for width and height. In some cases it can be interesting to use "width: 100%" if you want the image to be page large.

Border or not is a matter of taste.

Pablo · 06-02-2010, 06:43 PM

Thanks for your answer!!!

Hitch · 06-10-2010, 06:37 PM

Quote:

Originally Posted by paulpeer

I would recommend that you do not use absolute values for width and height. In some cases it can be interesting to use "width: 100%" if you want the image to be page large.

Border or not is a matter of taste.

Hi:

How does the width:100% parameter work when you covert epub to another format, i.e., .mobi; do you know if this functions in Kindle at all? This could save me a boatload of brain-damage if it does...

Hitch

06-01-2010, 10:22 AM	#1
Pablo Guru Posts: 974 Karma: 4999999 Join Date: Mar 2009 Location: Rosario, Argentina Device: SONY PRS-T2, Kindle Paperwhite 11th gen	WIDTH and HEIGHT in <img> tags Maybe this was asked before, but I really can't find it: In my source html file I have the following Code: <IMG style="WIDTH: 365px; HEIGHT: 47px" src="BdIm__2.png" border=0> When I import with Sigil, I get: Code: img.sgc-4 {WIDTH: 365px; HEIGHT: 47px} and Code: <img class="sgc-4" border="0" src="../Images/BdIm__2.png" /> The question is: Do I really need to include WIDTH and HEIGHT? If I delete them, it seems to work Ok, and the resulting CSS is simpler. And what about "border"? Last edited by Jellby; 06-01-2010 at 02:26 PM. Reason: Fixed typo in title

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
[Old Thread] Epub Output: Line Height	greenapple	Conversion	20	01-27-2013 10:27 AM
Fit PDF to screen height	Hugo	Amazon Kindle	15	01-21-2011 02:07 AM
Max-Height	theducks	Sigil	6	09-02-2010 06:40 PM
Epub line height problem	dorotie	Calibre	5	08-24-2010 04:23 PM
PRS-900 Help! Who can help me to pack the opt.img	alansuyalun	Sony Reader	5	05-08-2010 10:25 PM

06-02-2010, 06:34 PM	#2
paulpeer Zealot Posts: 147 Karma: 56 Join Date: Dec 2009 Location: Antwerpen Device: iPhone, Sony PRS-505, EPUBreader	I would recommend that you do not use absolute values for width and height. In some cases it can be interesting to use "width: 100%" if you want the image to be page large. Border or not is a matter of taste.

06-02-2010, 06:43 PM	#3
Pablo Guru Posts: 974 Karma: 4999999 Join Date: Mar 2009 Location: Rosario, Argentina Device: SONY PRS-T2, Kindle Paperwhite 11th gen	Thanks for your answer!!!

Advert