03-23-2012, 03:14 PM | #1 |
eWanderer
Posts: 523
Karma: 1441998
Join Date: Jul 2010
Location: NC, USA
Device: iMac,iPad3,iPhone5-Kindle Fire,Touch,PaperWhite
|
css to make all images larger?
Is there a css method I can use to make all photos in an ePub bigger (say 20% bigger)?
The pics DO NOT have a HEIGHT or WIDTH attrib in the xhtml. |
03-24-2012, 02:11 PM | #2 | |
Berti
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
|
Quote:
Code:
img.i500 { height: 500px; } Btw. I don't know how to enlarge a picture by a percentage, this seems to be always calculated from "usable space". Maybe with SVG it is possible. Search the forum for "<svg", there should be lots of samples. |
|
03-24-2012, 02:55 PM | #3 |
eWanderer
Posts: 523
Karma: 1441998
Join Date: Jul 2010
Location: NC, USA
Device: iMac,iPad3,iPhone5-Kindle Fire,Touch,PaperWhite
|
Thanks for the reply. As mentioned, the pics don't currently have a height or width attrib. and I don't want to calculate and put on every img. (The book has 101 images.) I was hoping for some type of simple "global" method.
As a "cheat" right now I'm specifying an IMG min-width which at least ensures that every image is at least a "set minimum size". |
03-24-2012, 05:06 PM | #4 | |
Berti
Posts: 1,196
Karma: 4985964
Join Date: Jan 2012
Location: Zischebattem
Device: Acer Lumiread
|
Quote:
Since nobody ad disagreed, there's probably no "percentage-feature" in css... |
|
03-24-2012, 05:19 PM | #5 |
eWanderer
Posts: 523
Karma: 1441998
Join Date: Jul 2010
Location: NC, USA
Device: iMac,iPad3,iPhone5-Kindle Fire,Touch,PaperWhite
|
There is a percentage but it's relative to screen size (I think) and not pic size. In the css I gave a "min-width" of 120% and pic was bigger than the screen. A "min-width" of 25% ensures the images will at least be 25% of the screen width.
|
03-31-2012, 02:18 AM | #6 |
Resident Curmudgeon
Posts: 73,983
Karma: 128903378
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
You would be best to use Photoshop to enlarge your images and then set it so the images scale such that they do not go beyond the screen as different devices have different resolution and you don't want the images to look good on an iPad yet go off the screen on an iPhone or T1.
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
how to make larger fonts | soup | Sigil | 1 | 08-15-2010 03:00 PM |
How can I make a left-justify CSS for CoolReader? | Sunspark | Astak EZReader | 1 | 06-07-2010 11:00 AM |
centering images with css override? | Amalthia | Calibre | 2 | 03-30-2009 01:53 PM |
HELP!!! How To Make PDF Type Larger? | magentawave | Sony Reader | 4 | 11-04-2008 02:28 PM |
libprs500 and larger cover images from LibraryThing/Amazon | Alexander Turcic | Calibre | 9 | 04-12-2008 05:55 AM |