![]() |
#1 |
Member
![]() Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
![]()
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> |
![]() |
![]() |
![]() |
#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 | |
|
![]() |
#3 | |
Well trained by Cats
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 31,047
Karma: 60358908
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 ![]() |
|
![]() |
![]() |
![]() |
#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; } |
![]() |
![]() |
![]() |
#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 | |
|
![]() |
#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> |
![]() |
![]() |
![]() |
#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
![]() |
![]() |
![]() |
![]() |
#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. |
![]() |
![]() |
![]() |
#9 |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 5,726
Karma: 24031401
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;} |
![]() |
![]() |
![]() |
#10 |
Member
![]() Posts: 12
Karma: 10
Join Date: Dec 2013
Device: kindle
|
Hi Doitsu,
That was very very cunning. Thanks! It worked. Nick |
![]() |
![]() |
![]() |
#11 |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
|
![]() |
![]() |
![]() |
#12 | |
Grand Sorcerer
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 5,726
Karma: 24031401
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. ![]() |
|
![]() |
![]() |
![]() |
#13 | |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
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 |
|
![]() |
![]() |
![]() |
#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?
|
![]() |
![]() |
![]() |
#15 |
Bookmaker & Cat Slave
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Posts: 11,503
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
|
![]() |
![]() |
![]() |
|
![]() |
||||
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 |