02-15-2011, 04:12 AM | #31 |
Guru
Posts: 655
Karma: 64171
Join Date: Sep 2010
Location: Kent, England, Sol 3, ZZ9 plural Z Alpha
Device: Sony PRS-300, Kobo Aura HD, iPad (Marvin)
|
Yes, add it in the img{} definition.
The big problem is the reader/viewer. On the reader, if you have a huge image, can it be displayed full size, and can you scroll around it to view different parts? (zoom?) Don't give the <img> tag any height/width assignments and it should be shown fullsize. |
02-15-2011, 11:56 PM | #32 |
HackJOB
Posts: 17
Karma: 10
Join Date: Feb 2011
Device: Nook Color, iPad, Android(Epic), PC.
|
Hi Perkin,
I have been crash coursing in coding, so i finally realize where to add and why and been playing with experimenting a couple of things as far as device goes. What I have gathered. The Nook Color OS is based off of Adobe Digital Editions. and ADE doesn't have ability to zoom in or around and image. The Nook displays the image at default size, but then will align it according to your code and if you are centered, and your image exceeds the Nook Color screen size( W=600, H=800 169ppi) then whatever part of your image outside of screen size is off screen and there is currently no way i have found or read to scroll or zoom to see it. Luckily i have about 28px or both left and right that are border trim for panels, and on a full page spread, losing 8px on both sides isn't an issue. I tried the " max-width: 100%; " which worked for the Nook on Android to fit image to width, but doesn't work good on actual Nook Color device. I tried a " width: 618px; " and that seem to work. But question i have is that if someone on another reader( i.e. ipad) has ability to zoom and scroll due to OS, will i be limiting them to NOT being able to enlarge image beyond 618px ? One other thing is that i actually tested to see if i nook could read the epub if it didn't contain an ".xpgt "( ADE info, column info, etc.) file and it did open it. I read somewhere not to remove it so if an reader worked off of ADE structure or something like that the epub would work better. But i wanted to test, and it does work w/o it. Is this a good thing or bad to take it out? Would you like to take a look at code i have now? I will post if you do. still trying to finalize something that is acceptable to me, and so far i have a version that works for Nook color, so kinda happy. thanks, jg |
Advert | |
|
02-16-2011, 05:43 AM | #33 | ||||
Guru
Posts: 655
Karma: 64171
Join Date: Sep 2010
Location: Kent, England, Sol 3, ZZ9 plural Z Alpha
Device: Sony PRS-300, Kobo Aura HD, iPad (Marvin)
|
Quote:
Quote:
Quote:
Until more readers use the information in the file I don't think it will matter if it's missing. Quote:
As you've discovered cross reader epub coding can be troublesome. Especially if the ereaders from different generations, the amount of features can be considerable. Does Nook show large images with zoom (actual file, not embedded in epub)? |
||||
02-17-2011, 12:46 AM | #34 |
HackJOB
Posts: 17
Karma: 10
Join Date: Feb 2011
Device: Nook Color, iPad, Android(Epic), PC.
|
Yes, Nook Color does support pinch zoom for single images loaded unto it. Which is weird
to me that it doesn't do it with an .epub file. I tested jpgs before even starting the epubs. I think as Nook color OS evolves it will support what others do. I have submitted to Barnes and Noble features that other readers have that they should at least add to Nook OS as to stay up with competition. they said they were thankful for feedback.... whether or not it is added we'll have to see. I have to try a few more things before I will be satisfied with the final epub. |
03-09-2011, 11:03 AM | #35 |
slower than molasses
Posts: 10
Karma: 10
Join Date: Mar 2011
Location: sweden
Device: ipad
|
i didn't see anybody answering the original question (missed it?), but the reason Stanza won't center your images (or any text other that headlines) is that stanza own css supercedes the css in your epub.
you have to add the !important tag to your css to get stanza to pay attention: Code:
div {text-align: center !important;} |
Advert | |
|
03-10-2011, 04:26 AM | #36 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
And that might "break" other readers that behave properly and let the user have custom CSS to override the book style...
|
03-12-2011, 03:24 AM | #37 |
slower than molasses
Posts: 10
Karma: 10
Join Date: Mar 2011
Location: sweden
Device: ipad
|
|
03-12-2011, 04:31 AM | #38 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
I mean that a reader might allow the user to specify some custom CSS, but if you add "!important" to the book's CSS, that will override the custom CSS, thus "breaking" the reader's feature.
I don't know if there are any dedicated reader that allows this (it's certainly something I'd wish), but I believe the Calibre viewer does. Say, for instance, that I like my books justified, so I put in my custom CSS: Code:
p {text-align: justify;} Code:
p {text-align: left;} Code:
p {text-align: left !important;} |
03-17-2011, 03:05 AM | #39 | |
slower than molasses
Posts: 10
Karma: 10
Join Date: Mar 2011
Location: sweden
Device: ipad
|
well, yes. that was the point. we wanted to "break" the reader feature. to get the image to center (in stanza) you have to override the custom css.
Quote:
say you have a qouted passage in your book, and you want to put the author name underneath, aligned right. so you style it that way: Code:
p.attr {text-align: right;} Code:
p.attr {text-align: right !important;} |
|
03-19-2011, 03:26 PM | #40 |
Junior Member
Posts: 8
Karma: 10
Join Date: Jun 2010
Device: none
|
mhikl-
I've seen the very same issue with image centering. My theory is that Stanza doesn't fully comply with epub specifications; though the previously mentioned reader css/priority/!important explanation is probably more accurate. At any rate, I found that enclosing your <img /> tag with <h1></h1> tags causes Stanza to center the image. So my image references typically look like this: <h1 class="sigilNotInTOC"><img src="../Images/ImageName.jpg" /></h1> The "sigilNotInTOC" term keeps the image from showing up as an item in the table of contents. Hope this helps. -Matt |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
How do I centre a horizontal rule? | AlexBell | ePub | 12 | 10-06-2010 03:09 AM |
Where is the Canadian service centre for 302s? | guyanonymous | PocketBook | 3 | 09-27-2010 03:37 PM |
PRS-600 New Price, Sony Store Toronto Eaton Centre | edlauzon | Sony Reader | 1 | 07-18-2010 10:22 AM |
Comment créer un tableau centré dans un Ebook avec sigil ? | agronomia | Software | 7 | 05-06-2010 06:26 AM |
UK's Printed Electronics Technology Centre (PETEC) and the Flexible Display Centre ( | Dulin's Books | News | 0 | 02-18-2010 02:30 PM |