View Full Version : iPad not honoring CSS


uieluck
03-11-2013, 08:57 PM
Has anybody run across:
a:link { }
Not working on ipad? The colors for my links don't seem to work.
I've checked my epub on html editors, my phone (android) & browsers etc. All other mediums besides ipad honor my links?
Anybody else run into this problem?
Thanks, Tó

JSWolf
03-12-2013, 09:58 AM
Has anybody run across:
a:link { }
Not working on ipad? The colors for my links don't seem to work.
I've checked my epub on html editors, my phone (android) & browsers etc. All other mediums besides ipad honor my links?
Anybody else run into this problem?
Thanks, T—

Please don't say the iPad has an issue when it's not the iPad, but the app. You should be specifying which app you are having an issue with. The iPad and the app are two different things.

You could be using iBooks, Marvin, Bluefire or a few other reading apps. Without knowing which app, we may not be able to help.

uieluck
03-12-2013, 07:03 PM
Yeah, true definitely should have specified. iBooks..

dgatwood
03-13-2013, 12:41 AM
Epubcheck is reporting lots of warnings with that EPUB:

ERROR: ../qi.epub: Length of the first filename in archive must be 8, but was 9
Validating against EPUB version 2.0
WARNING: ../qi.epub/OEBPS/content.opf(5,24): title element is empty
ERROR: ../qi.epub/OEBPS/content.opf(16,46): character content of element "dc:identifier" invalid; must be a string with length at least 1 (actual length was 0)
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt1.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt10.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt11.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt2.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt3.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt4.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt5.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt6.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt7.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt8.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt9.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub: resource OEBPS/fonts/Trebuchet-BoldItalic.ttf cannot be decrypted
WARNING: ../qi.epub: resource OEBPS/fonts/TrebuchetMS.ttf cannot be decrypted
WARNING: ../qi.epub: resource OEBPS/fonts/TrebuchetMS-Bold.ttf cannot be decrypted
WARNING: ../qi.epub: resource OEBPS/fonts/TrebuchetMS-Italic.ttf cannot be decrypted
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt1.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt11.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt7.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub: item (OEBPS/.DS_Store) exists in the zip file, but is not declared in the OPF file
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt9.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub: item (iTunesMetadata.plist) exists in the zip file, but is not declared in the OPF file
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt2.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt3.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt5.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt10.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt8.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub: item (.DS_Store) exists in the zip file, but is not declared in the OPF file
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt4.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary
WARNING: ../qi.epub/OEBPS/images/VT00025 Hands_fmt6.png: Filename contains spaces. Consider changing filename such that URI escaping is not necessary

But I don't see anything that should I'd expect to cause styling problems.

You might try throwing the text inside a span inside the anchor tag and resetting the color there, e.g.

a:link > span {
color:#336666;
text-decoration: none ;
}

Oh, I also notice that you're missing the com.apple.ibooks.display-options.xml file. Adding that file in the META-INF folder might make this problem magically disappear:

<?xml version="1.0" encoding="UTF-8"?>
<display_options>
<platform name="*">
<option name="specified-fonts">true</option>
</platform>
</display_options>

JSWolf
03-13-2013, 12:16 PM
The ePub you have attached has files with filenames that have spaces. Removed the spaces from the filenames and fix accordingly.

Then you can try implementing dgatwood's suggestions.

uieluck
03-14-2013, 02:53 PM
dgatwood!!!! You rock!

<?xml version="1.0" encoding="UTF-8"?>
<display_options>
<platform name="*">
<option name="specified-fonts">true</option>
</platform>
</display_options>

THAT DID IT!
Thanks, T—

(JSWolf, you rock too.)