12-06-2013, 01:41 PM | #1 |
Member
Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
Image links without underline
Does anyone know how to get rid of a blue link line under clickable images on kindle?
Here's my code: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <link href="../Styles/RichmondStyle.css" rel="stylesheet" type="text/css" /> </head> <body> <h1>ABOUT THE AUTHOR</h1> <p> </p> <p> </p> <p> </p> <p class="RPCentredNoIndents"><img alt="Logo" src="../Images/Amazon-small-quality.com.jpg" /> <img alt="Logo" src="../Images/Amazon-small-quality.co.uk.jpg" /></p> <p class="RPCentredNoIndents">Thank you for reading this story. If you enjoyed it, please share your thoughts.</p> <p class="RPCentredNoIndents"> </p> <p class="RPCentredNoIndents"><a href="http://www.amazon.com/Your-Title-ebook/product-reviews/B00ABCDEFG/%E2%80%9D"><img alt="Logo" src="../Images/Amazon-small-quality.com.jpg" /></a> <a href="http://www.amazon.co.uk/Your-Title-ebook/product-reviews/B00ABCDEFG/%E2%80%9D"><img alt="Logo" src="../Images/Amazon-small-quality.co.uk.jpg" /></a></p> </body> </html> |
12-06-2013, 04:38 PM | #2 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
What is it with resurrecting (very) old threats with messages that have nothing to do with the original thread? You can easily create a new thread...
Moderator Notice
Moved to a new thread, in the Kindle forum -Jellby Last edited by Jellby; 12-07-2013 at 02:45 AM. |
Advert | |
|
12-06-2013, 05:15 PM | #3 | |
Well trained by Cats
Posts: 29,817
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
Black (and all shades) is beautiful |
|
12-06-2013, 11:55 PM | #4 |
Addict
Posts: 243
Karma: 359054
Join Date: Nov 2012
Device: default
|
Firstly, you probably want to subclass the anchor tag:
Code:
<a class="clkimg" href="http://www.amazon.com/Your-Title-ebook/product-reviews/B00ABCDEFG/%E2%80%9D">
Code:
a.clkimg { text-decoration: none; } |
12-09-2013, 12:57 PM | #5 |
Member
Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
Thank you for your suggestion. I tried subclassing, with no text decoration, but the blue underline remains. I've stripped everything out, all files, down to this code, and the problem is still there:
<?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> a:link{color:#0563c1;} a.clkimg { text-decoration: none; border="0"; rel="nofollow" } </style> </head> <body> <h1>ABOUT THE AUTHOR</h1> <p>Thank you for reading this story. If you enjoyed it, please share your thoughts.</p> <p><a class="clkimg" style="text-decoration:none;" href="http://www.amazon.com/Your-Title-ebook/product-reviews/B00ABCDEFG/%E2%80%9D"><img alt="Logo" src="../Images/Amazon-small-quality.com.jpg" /></a></p> </body> </html> |
Advert | |
|
12-09-2013, 12:58 PM | #6 |
Member
Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
NOTE this might not be relevant, but even when I remove the image, the text 'test' still shows up with an underline using this HTML:
<p><a class="clkimg" style="text-decoration:none;" href="http://www.amazon.com/Your-Title-ebook/product-reviews/B00ABCDEFG/%E2%80%9D">test</a></p> |
12-09-2013, 01:02 PM | #7 |
Member
Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
Here is an image of the offending underlined image in the kindle reader
|
12-10-2013, 12:35 AM | #8 |
Addict
Posts: 243
Karma: 359054
Join Date: Nov 2012
Device: default
|
If you take your html fragment, paste it into a .html file, and
view it in a browser, it seems to work fine. I would conclude that the problem is with Kindle (and Kindle viewer) not allowing user stylesheet to override the user-agent settings. |
12-10-2013, 04:06 AM | #9 |
Grand Sorcerer
Posts: 5,584
Karma: 22735033
Join Date: Dec 2010
Device: Kindle PW2
|
Unfortunately, Kindles don't support text-decoration: none.
Try changing the following line: Code:
a:link{color:#0563c1;} Code:
a:link{color:white;} |
12-10-2013, 11:05 AM | #10 |
Member
Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
Hi Doitsu,
That was very very cunning. Thanks! It worked. Nick |
12-13-2013, 03:23 AM | #11 |
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
|
|
12-13-2013, 05:29 AM | #12 | |
Grand Sorcerer
Posts: 5,584
Karma: 22735033
Join Date: Dec 2010
Device: Kindle PW2
|
Quote:
BTW, sometimes your quest for the perfect inter-format ebook design reminds me a bit of the quest for the Holy Grail. |
|
12-13-2013, 02:55 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:
Not my quest(s). My clients' quest. Please remember, I pretty much never have the luxury of making books for my own reading pleasure, or my own use. 99.99% of what I do is to please someone else's inner (or very outer) artiste. So, my Grail Quests are rarely my own. Hitch |
|
12-13-2013, 03:33 PM | #14 |
Color me gone
Posts: 2,089
Karma: 1445295
Join Date: Apr 2008
Location: Central Oregon Coast
Device: PRS-300
|
Maybe it is outre artiste?
|
12-13-2013, 04:36 PM | #15 |
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
|
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
SD card firmware (1.4) image links for AU/NZ | sabredog | Kobo Reader | 42 | 03-27-2015 03:11 AM |
Remove underline from links in epub | Amalthia | Calibre | 6 | 02-10-2014 08:41 AM |
Save image links | nickodemos | Calibre | 3 | 01-04-2013 12:57 PM |
Links: Image replacement methods | ckirchho | ePub | 1 | 10-22-2012 04:54 AM |
Book Designer - Links underline just ONE word? | pitolee | Sony Reader | 21 | 12-05-2008 10:08 AM |