05-14-2015, 03:50 PM | #1 |
Member
Posts: 20
Karma: 10
Join Date: Sep 2011
Device: Sony PRS650
|
EPUB to MOBI - 2 errors: links and div tags
Hello!
I've been trying to search for an answer without a lot of success. If anyone can advise/help me, I'd so appreciate it. I received a cookbook in epub to fix up and then convert to mobi. I cracked open the epub and have been editing the css in dreamweaver. Problem 1: Each recipe is linked to the Content page. The headings were all blue, underlined links. I was able to change the css for the link to color:inherit and text-decorations:none. From there, I went to each subheading in the css and added color. This all worked great for epub. In the mobi, the links are still underlined but black (from the inherit). Can I get the headings to change color in the mobi same as I did in epub? Also, is there an easy way to remove the underline? There are 400 pages in this ebook set up in multiple files. Problem 2: There are TIP boxes created with div tags. There were splitting in the epub and I fixed it using display:inline-block and width:auto. So this keep it together and made each box the width of the screen. This approach did not continue into the mobi file. How can I correct the splitting and ensure each box is the width of the screen? Thank you for any feeback! Sue |
05-14-2015, 06:34 PM | #2 |
Ex-Helpdesk Junkie
Posts: 19,421
Karma: 85397180
Join Date: Nov 2012
Location: The Beaten Path, USA, Roundworld, This Side of Infinity
Device: Kindle Touch fw5.3.7 (Wifi only)
|
Why are you converting to MOBI? Kindles will usually support the newer and more featureful AZW3, and any other device will read EPUB better than MOBI anyway.
|
05-14-2015, 09:32 PM | #3 |
Member
Posts: 20
Karma: 10
Join Date: Sep 2011
Device: Sony PRS650
|
Maybe mobi is too generic? Basically I take the ePub and run it through kindlegen then preview it. I'm trying to get it to look as close to the ePub as possible.
|
05-15-2015, 06:23 AM | #4 |
mostly an observer
Posts: 1,515
Karma: 987654
Join Date: Dec 2012
Device: Kindle
|
Well, I don't use KindleGen, but upload my epub to the KDP and let it convert there. Though the file is called a "mobi" it actually contains two or three books: a Mobi 7 file for the older Kindles, a KF8 file for the newer ones, and sometimes the file you originally uploaded (depending I think on what that file was). The correct file will be delivered to the purchaser, depending on the device he's downloading to.
Unless altered somehow by your CSS, a hyperlink will show as blue in a Fire tablet but black in the grayscale Kindles. |
05-15-2015, 02:11 PM | #5 | |
Connoisseur
Posts: 89
Karma: 185923
Join Date: May 2015
Device: iPad 1/2/Air, K3/PW2/Fire1, Kobo Touch, Samsung Tab, Nook Color/Touch
|
Quote:
"In the mobi, the links are underlined, but black." Don't you want them to be black? I'm confused. Sorry In any case, removing underlines from MOBI files is something I'd looked into quite a bit. You'll notice that KF8 doesn't really respect CSS like a{text-decoration:none}. I had to inline it and mark it important, like <a href="..." style="text-decoration:none !important">Link</a>. Also, I know that readers that use KF7 are fast waning, but the way to remove underlines in that older format is with a special tag <mpb:nu>, like <a href="..."><mbp:nu>Link</mbp:nu></a>. I ended up writing a script that processes my ePub to add this stuff in, before I send it to KindleGen. EDIT: If you're Javascript-savvy, I can give you the script and you could bend it to your needs. Last edited by mattmc; 05-15-2015 at 02:19 PM. |
|
05-16-2015, 11:23 AM | #6 |
Member
Posts: 20
Karma: 10
Join Date: Sep 2011
Device: Sony PRS650
|
Hi Notjohn!
That's exactly how I interpret mobi files. I'm just using kindlegen to test my file but I leave it to the publisher to do the final uploading. I'm good with the links not being blue but I wish they'd be the red colour from the subheading preference. |
05-16-2015, 11:36 AM | #7 |
Member
Posts: 20
Karma: 10
Join Date: Sep 2011
Device: Sony PRS650
|
Hi Mattmc!
Thanks for your reply. The original links in the mobi were blue which looked horrible because there were 400 recipes. I was able to change it in CSS to black which was much better. However, what I really wanted was for the links to have their original subheading colours instead. Thank you for the offer of the script - I struggle with the CSS and can't even think of JavaScript- lol! However, if you have any ideas on the tip boxes going full width I'd appreciate it. Thanks Sue |
05-17-2015, 07:18 AM | #8 |
mostly an observer
Posts: 1,515
Karma: 987654
Join Date: Dec 2012
Device: Kindle
|
|
05-17-2015, 09:40 PM | #9 | ||
Bookmaker & Cat Slave
Posts: 11,462
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Quote:
Red links, by the way, are a VERY pale grey on the K2's, 3's, PPW's, Voyages, etc. FWIW, but you'll come to regret those black TOC links, later if not sooner. Hitch |
||
05-22-2015, 11:48 AM | #10 |
Member
Posts: 20
Karma: 10
Join Date: Sep 2011
Device: Sony PRS650
|
Hi NotJohn,
Thanks for your reply. I understand about the grayscale for some Kindle apps but I was trying to make the one-epub-fits-all as best as possible : ) As a follow up, I think the publisher is going to re-work this piece - it is really unmanageable. |
05-22-2015, 11:51 AM | #11 |
Member
Posts: 20
Karma: 10
Join Date: Sep 2011
Device: Sony PRS650
|
Hi Hitch,
Thanks for your feedback. I totally forgot about the night-mode feature! I'll make sure any future links are left alone. As I mentioned to NotJohn, the publisher plans to redo this book because it was created in a very unmanageable fashion. |
05-22-2015, 01:06 PM | #12 |
Resident Curmudgeon
Posts: 74,062
Karma: 129333562
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
First problem is Dreamweaver. It has to go. Use Calibre or Sigil.
|
05-22-2015, 07:38 PM | #13 | ||
Bookmaker & Cat Slave
Posts: 11,462
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Quote:
Hitch |
||
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Changing <div> tags to <p> tags | townsend | Sigil | 23 | 04-07-2013 08:07 AM |
Multiple Div Tags in Fixed Layout Epub | verydeepwater | ePub | 4 | 01-24-2013 07:11 AM |
Conversion from mobi (to mobi, or epub) breaks internal links | bounder | Conversion | 1 | 10-09-2012 11:56 AM |
ePub validation error - not liking div tags | Kratos | ePub | 19 | 07-23-2012 11:14 AM |
Conversion to Mobi to ePub errors | erik_reader | Conversion | 5 | 08-07-2010 02:03 AM |