View Single Post
Old 07-22-2013, 09:14 AM   #28
neoveninet
nvt
neoveninet began at the beginning.
 
Posts: 2
Karma: 10
Join Date: Jul 2013
Location: Iceland
Device: kindle paperwhite; kindle touch
Talking A little help on the matter!!!!

Well, solved in all kindle formats as follows in all your files:
  • 1
    You can employ css but beware of "!important" css attribute.
    ex:
    a:link {
    color: black; /* same color as the surrounding text */
    text-decoration: none !important; /* to remove the underline */
    cursor: text; /* to make the cursor stay as a text cursor, not the hand */
    }

    a:visited {
    color: black; /* same color as the surrounding text */
    text-decoration: none !important; /* to remove the underline */
    cursor: text; /* to make the cursor stay as a text cursor, not the hand */
    }

    a:active {
    color: black; /* same color as the surrounding text */
    text-decoration: none !important; /* to remove the underline */
    cursor: text; /* to make the cursor stay as a text cursor, not the hand */
    }

    a:hover {
    color: black; /* same color as the surrounding text */
    text-decoration: none !important; /* to remove the underline */
    cursor: text; /* to make the cursor stay as a text cursor, not the hand */
    }
    a {

    color: black; /* same color as the surrounding text */
    text-decoration: none !important; /* to remove the underline */
    cursor: text; /* to make the cursor stay as a text cursor, not the hand */

    }
    a[href] {
    color: black;
    text-decoration: none !important;
    cursor: text; /* to make the cursor stay as a text cursor, not the hand */
    }
  • 2
    In your html <a href="xxxXXXxxx" you have to set a style to text-decoration=none with the important tag and mobi <mbp:nu> special tag too.
    Ex.
    <p class="ctHeader">
    <a style="text-decoration: none !important;" href="toc.htm#toc_chap_01" name="ch01"><mbp:nu>Chapter 1</mbp:nu></a></p>

    ctHeader css class has the css attrib text-decoration: none !important;
Explained:
Html css class with links works fine in all existing navigators, but when compiled in Kindle, you have to manually indicate the link you want to apply the none text-decoration attribute, and force it with important. This seems to work fine in kindle 1.0 and kindle 2.0 but not for kf8 format latest kindle readers :
fire, fire hd, paperwhite and so on, that's why you need a combination with <mbp:nu></mbp:nu> mobi tag. This will result in xhtml validation errors but your kindle now won't be visible the link tag.

Hope it works for you as it did for me!

Regards to all and keep the good work!!!!!!!!!
neoveninet is offline   Reply With Quote