Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 03-12-2013, 12:30 PM   #1
Derek R
Connoisseur
Derek R began at the beginning.
 
Derek R's Avatar
 
Posts: 87
Karma: 20
Join Date: Jun 2011
Location: County Down, Northern Ireland
Device: none
svg wrappers for epub covers

Following my recent post on optimal cover sizes for epubs I have created an epub using an svg wrapper for the first time. I did try giving the cover image an id and put the height and width attributes for it into the stylesheet, but that didn't appear to work. However, with the attributes placed directly in the image tag the cover appeared without a problem in Sigil, and subsequently in iBooks on the iPad.

Is there somewhere on the forum where you can submit epubs for others to check to see if there are any issues on their (other) devices?
Derek R is offline   Reply With Quote
Old 03-12-2013, 01:29 PM   #2
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,713
Karma: 18475602
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
You can do so in this thread or you could start a new tread.
JSWolf is offline   Reply With Quote
Old 03-12-2013, 02:00 PM   #3
Derek R
Connoisseur
Derek R began at the beginning.
 
Derek R's Avatar
 
Posts: 87
Karma: 20
Join Date: Jun 2011
Location: County Down, Northern Ireland
Device: none
In the Celtic Past - epub for cover testing

Attached is the epub I created using an svg wrapper for the cover (for the first time), if anybody feels inclined to check it out for display issues.

It's only a plain "working" cover, btw.
Attached Files
File Type: epub celtic-past.epub (291.8 KB, 105 views)
Derek R is offline   Reply With Quote
Old 03-12-2013, 04:57 PM   #4
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,713
Karma: 18475602
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by Derek R View Post
Attached is the epub I created using an svg wrapper for the cover (for the first time), if anybody feels inclined to check it out for display issues.

It's only a plain "working" cover, btw.
Works fine in ADE for Windows. The code used will work in most Readers as they use ADE and any Reading app that supports SVG it will work with as well.

For the text, I'd like to make some suggestions. Lose the space between the paragraphs and put in an indent. It will look much nicer.

Last edited by JSWolf; 03-12-2013 at 04:59 PM.
JSWolf is offline   Reply With Quote
Old 03-13-2013, 05:10 AM   #5
Derek R
Connoisseur
Derek R began at the beginning.
 
Derek R's Avatar
 
Posts: 87
Karma: 20
Join Date: Jun 2011
Location: County Down, Northern Ireland
Device: none
Great! Can't thank you enough. I've nearly traumatized myself in trying to decide whether to space paragraphs or use indents in ebooks, but opted for the former as it's the lazy way out - no need to put in lots of class="noindent" tags. However, in a simple book like the attached it's no great deal and I'll change that forthwith.
Derek R is offline   Reply With Quote
Old 03-13-2013, 11:14 AM   #6
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,713
Karma: 18475602
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by Derek R View Post
Great! Can't thank you enough. I've nearly traumatized myself in trying to decide whether to space paragraphs or use indents in ebooks, but opted for the former as it's the lazy way out - no need to put in lots of class="noindent" tags. However, in a simple book like the attached it's no great deal and I'll change that forthwith.
You don't actually need to do it like <p class="classnotneeded">. Just do it like <p> and define p something like this...

Code:
p {
margin-top: 0;
margin-bottom: 0;
text-indent: 1.2em
}
Then you'll only need a <p class="noindent"> when you don't want the indent like at the first paragraph of a chapter or the first paragraph after a section break. And any other classes are when you don't want the default <p>.
JSWolf is offline   Reply With Quote
Old 03-13-2013, 11:23 AM   #7
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,201
Karma: 4800739
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Chances are you don't even need class="noindent", if all the instances can be catched with selectors like h2+p or div.scenebreak+p.
Jellby is offline   Reply With Quote
Old 03-13-2013, 11:41 AM   #8
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,713
Karma: 18475602
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by Jellby View Post
Chances are you don't even need class="noindent", if all the instances can be catched with selectors like h2+p or div.scenebreak+p.
I would not be using the div where you have it. I'd be using a class with p.

<p class="spacebreak">

.spacebreak {
margin-top: 2em;
text-indent: 0
}

I would also keep the noindent class.

It's just easier reading the code.
JSWolf is offline   Reply With Quote
Old 03-14-2013, 07:41 AM   #9
PageLab
Connoisseur
PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.
 
PageLab's Avatar
 
Posts: 70
Karma: 515184
Join Date: Sep 2011
Location: Brasília
Device: Kindle3, iPad, Nook, Kobo, Positivo Alfa
A small suggestion to improve cover display in Adobe Digital Editions: add the following CSS property to the body tag (or to an enclosing DIV) in the cover HTML to prevent automatic column creation.

Code:
body {
    oeb-column-number: 1; 
}
This is deprecated in EPUB3, but it works.
PageLab is offline   Reply With Quote
Old 03-14-2013, 09:12 AM   #10
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 37,713
Karma: 18475602
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by PageLab View Post
A small suggestion to improve cover display in Adobe Digital Editions: add the following CSS property to the body tag (or to an enclosing DIV) in the cover HTML to prevent automatic column creation.

Code:
body {
    oeb-column-number: 1; 
}
This is deprecated in EPUB3, but it works.
I will definitely have to give that a try. I don't like how I cannot make the ADE window the size I want without getting columns. Thanks for this tip.
JSWolf is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
SVG mess in my epub Iznogood ePub 2 12-31-2012 08:55 PM
epub from SVG files sachin ePub 7 05-11-2012 09:04 AM
Creating internal links in EPUB from svg image ecojon ePub 1 03-26-2012 12:37 PM
EPub: Bilder mit <svg> einbinden mmat1 Erste Hilfe 10 02-27-2012 09:46 AM
SVG Covers paulfiera Calibre 2 07-30-2011 08:37 PM


All times are GMT -4. The time now is 10:41 PM.


MobileRead.com is a privately owned, operated and funded community.