Help with solution of Liz Castro iBooks bug when resizing images in epub for iPad

Hello world.

I create an epub for iPad with small images that will expand when they are tapped. I read Liz Castro book and blog article and learned the bug with iBooks and the solution, which, like an HTML novice, I found it difficult to understand.  It took me some time to make it work, but I just wanted to share my (imperfect) progress for other laity or secular and ask for help!

I just add this in my template.css

{div. Group}
Width: 50%! important;
}
img {width: 100%;}

and in each of my html chapters where there is an image, I removed the img src reference that has been automatically generated by Indesign and added this...

< div class = "group" >
< img src = "exampleimage.jpeg" alt = "This is an example" / > "
< / div >

I rezipped my files, transferred to my iPad, and the images appear small and expand when double-tapped. Fantastic! Thanks to Liz Castro. It is a bigger step.

But it is not perfect. I would like my image to be aligned to the centre and to ensure that there is some space between the text and the image. My images are now aligned to the left, and there is no space between them and the text preceding and following them, so that it looks like a mess on the page. Before I changed the code it worked well, after I changed it it does not work. When I initially exported the InDesign file, on the Image taitouche set the spacing to the Center and 2ems has added to the image and check the box to Insert a Page break before and after a page break.

To remedy this, I added the following to the div.group in css

text-align: center;

top of the margin: 2em;

margin-bottom: 2em;

When I converted it to an epub I've seen there is no center of the image, but there was a margin at the top and bottom. While the file opens in the problem of Sigil that it won't transfer to iBooks on the iPad, which I think means that there is a coding error.


Is anyone know how can I Center of the image and add some space between him and the text?

Any help would be highly appreciated.

Some things to consider:

1 centering and space above and below your div can be done in CSS with:

{div. Group}
Width: 50%! important;

top of the margin: 1.0em.

margin-bottom: 1.0em;

text-align: center ;}

There might be other ways improve to achieve this. I am not an expert in CSS or HTML; I know that what has worked for me in previous projects.

2. in iBooks, there is a bug (or "feature") which causes the iBooks to ignore text-align for some items (such as

) if iBooks preferences are set to full Justification = WE. Instead of being centered, these items will be left-aligned (or perhaps justified? I have not tested). This is the default setting, so most users likely to leave like that. (the elements are not affected by this bug.)

This is detailed in one of the blog posts from Liz Castro and also on the blog of Walt Shiel:

http://www.pigsgourdsandwikis.com/2010/06/beating-iBooks-bugs.html

http://waltshiel.com/2010/06/23/one-solution-to-iBooks-1-1-centering-problem/

One of them is to wrap the text inside such an element in the empty tags .

3. I don't know what is your target audience, but keep in mind that iBooks is far behind Amazon and BN.com in terms of volume sales. Kindle and the Nook do not support resizing images (again, in any case), so unless your book depends on this photo processing to deliver his message, you could put a lot of time and effort in a feature that few readers (yet, cases) can take advantage of.

4. If you use Twitter, you can follow the hashtag #eprdctn - it is used by a small community of designers in the ebook to exchange information on the evolving ebook design world.

5. other good sources of information:

http://ebookarchitects.com/

http://www.kindleformatting.com/ (I know it is not related to iBooks, but it is full of good info)

Tags: InDesign

Similar Questions

  • Help with the Mavericks block Photoshop CC &amp; bugs with Illustrator CC?

    I missed an update especially for CC users who have upgraded to Mavericks? Wishing to really I had held off on the upgrade of the operating system - Fortunately my CS4 is still compatible with the update of java, just bought the CC license but wanted to use new applications - now Photoshop CC crashes at launch (have not successfully opened a file in there without having to force to leave it) and Illustrator CC rebounded for a while then stopped. To chance five minutes later the application is started. I left it then reopened to search the GAL seemed even once, good - but then switched between that app and the other, then back to Illustrator CC and took time for her to open. I'm on a 3.4 GHz iMac intel core i7 with 16 GB ddr3 1600 mhz memory, it should not have lag issues and is only a few months old.

    This isn't a crash report, just a report of blocking/freezing (crashes and deadlocks are very different things).

    What this shows is that Photoshop was waiting for the BONE to get police information - and which can take some time if the cache OS font is damaged or incomplete (as you have installed the operating system).

  • When I connect my computer to live tv antena to sony tv with a HDMI cable it works. When I hang the computer for the sony surround on tv is its great video without sound

    The use of the computer to work with a live tv to a sony surround signal to the TV sony brava. (6 months) with HMDI cable.

    Now only works computer tv signal just on TV.   Now, I GET only video no sound when plugged in the Sony surround.

    Geek team reset the desktop computer, but it still does not work.

    Hello
    When you connect the live TV antenna to the TV by HDMI sony, it works fine, but when you try to connect through the entourage of Sony you have a problem. There seems to be a problem with the sound surround sound sony so I ask you contact sony support to make the necessary changes to get the audio output.
    Support for Sony
    http://eSupport.Sony.com/

  • Need help with the port forwarding for a XBox remote Streaming

    I have a router R6200v2 and need help with port forwarding.

    I came across this set of instructions for setting up stream port forwarding XBox remotely from anywhere

    http://kinkeadtech.com/2015/07/how-to-stream-Xbox-one-to-Windows-10-from-anywhere-with-Internet/

    I have no idea when it comes to such things and I want to make sure I do it correctly without messing up my existing home network.

    Port Forwarding and triggering Port pages setup look very different from what the guy uses. Can someone walk me through what I do to set up please?

    Hi @varxtis,

    You must enter them in the field for a start external Port and external completion Port. You will need to send individually except for the range of 49000-65000. The steps are as follows.

    1. create a Service name (it could be something else that you cannot use the same service name twice. Ex. XBOX1, XBOX2 and so forth.)

    2. Select the type of service (TCP, UDP or both)

    3 entry 5050 times a start external Port and external endpoints.

    4. Select the IP address of your XBOX.

    5. Select apply.

    6 do the same for other port numbers. To the beach, use 49000 for the external departure Port and for the external completion Port 65000.

    Kind regards

    Dexter

    The community team

  • Need help with the error of connection Internet "Reset local connection adapter".

    Original title: Need help with Internet connection.

    Hi, sometimes when I go to my office (HP 2009 m) I get a message that I am not connected to the internet (although I have no problem with the connection on my IPad).  When I click on solve internet connection Windows Network Diagnostics freezes when it gets to solve problems "the local connection adapter reset."   I have to turn off my computer by unplugging and then it works normally when she returns to the top. (Sorry if my explanation is difficult to decipher, I'm not very tech savvy) This could be the cause and how to fix it?  Thanks in advance.

    Well, I expected more of a response, but I'll wing it from here: your cable goes into a modem.  This modem can be a wireless modem/router, or simply a modem cable to your computer.

    Connection problem you might start by connecting the cable into the modem.  Ensure that it is well defined.  If everything looks good, then it is possible that there is a decline in cable service before he gets to the modem.  For example, the interface side of the House can be affected by a bad connection, for example water intrusion, or poor soil.  So you may want to check into that.  Then, there is always the possibility that your cable provider has lost his momentaily of transmission, and that the modem needs to be reset.  If this happens often, you must contact the cable provider.

    Modem, your computer can be connected by cable, so you will need to check how firmly the connection is.  Then, there is always the possibility that the modem is wrong.

    But if your connection is through a wireless modem/router, your connection may have lost because of a bad signal.  Once more..., the modem/router could go wrong.

    Edit has added:

    Looking back on what you said about the Ipad, I feel that you have a wireless modem/router.  It is possible that your connection to the desktop must be after you have used the Ipad.  For example, you may need to right-click on the monitor icon in the Systray to your desktop and open your network sharing Center.  Even if you can say that you are connected to the Internet, you may not.  Then... just ... simplement cliquer click on 'connect or disconnect', then find your network connection appropriate, right click on that and select disconnect, then immediately right-click the same but select Connect.


    Will be a new connection to the Internet.

  • Help with a variety of questions from site Web/mobile app. (Advice and assistance)

    Hello, my cousin today asked me for help with his business. He wants a website and a mobile application for his company. Now here's the thing. I know how to create a very simple Web site. This isn't a problem. but he wants people to be able to assess the services he wants to be able to report on the Web site so they can comment, send messages, the whole nine yards. He also wants people to be able to pay via the website using norton scan security. Now, I have no idea how to do that. And did I mention that he wants an app? So I do not expect an answer, step by step the "end to end" on the creation of a Web site. To start with. Is this kind of thing, possible using programs compared to the creative clouds? Is it possible to create an app? What happened to create a way for people to pay via the website? I just want to help in being directed to the right direction in this learning experience. Then, where I start, this kind of thing is still possible? where should I go? where can I learn? ect. Any help and advice is highly appreciated and welcomed. So please if you have something to say. I'm listening.

    Thank you, the community.

    The first thing I would ask that your cousin is timeline... He asks a little... it is a great project that could have involved more than one person, especially if he wants a custom application.

    Cost would also be an important factor in accepting this type of work, how do you charge him if you don't know even how to do most of these things... As you say, you don't have any idea how to make the most of this work, and I think there's a big learning curve with some of the things he asks.

    But if he has the time and money and you have the time and practice to learn, there are cloud programs to create out there who can do whatever he wants.

  • Help with one-liner &amp; Get - VM vmnic

    Hello

    I need help with this single line. I want to get everything as vnmic for vmnic0 & line type. Everything underneath works but how to retrieve vmnic0 type also?

    Get - vm | Select Name, Powerstate, NumCpu MemoryMB, @{N = "OSFullname"; E={$_. Guest.OsFullName}}

    Thank you

    If you do

    Get - VM TEST01 | Get-NIC

    has an entry called "NIC 1?

  • Help with automatic guides? Please, I beg you!

    I hope that I can make this sense...

    I am a beginner with InDesign. I have been using Photoshop for years, I'm a photographer and I would like to say that I know my way around Photoshop well enough. I'm very uncomfortable with it. For InDesign is not TOO complicated for me. The big thing now is something I actually noticed on accident when I started using it. I hope this makes sense, please bear with me... haha

    As I resize images, I noticed that Adobe has been automatically guide me. It was showing me the widths and to help me fix the pictures in place so that they line up with the other objects in the document. It was GREAT! Helps the big time, both at work, my bosses are very particular about the margins and spacing. It is a very simple tool. Now, it's not to do! Is there a way to trigger? I must have hit something without realizing that has disabled it... I don't know but I sure am bummed at this point man. I don't know how it's called yet, so I don't know how to search for answers. ANY help would be great!

    Thank you very much!!!

    What do you look for

    View > grids and Guides > Smart Guides.

    It is a nice feature!

  • Video help with your HP product

    Written instructions are nice and all, but sometimes I look at a video can be even more useful. HP has many support videos found on YouTube with a wide variety of different bugs and solutions to common problems, computer and printer.

    Learn how to get help with your printer HP with HP Total Care Support.

    For other helpful videos, go to hp.com/supportvideos or youtube.com/hpsupport. Several support options for your printer are available at hp.com support.

    YouTube.com/hpsupport is not the only one.

    Also check out youtube.com/justprintingaround and youtube.com/hpprintersupport

    I hope everyone finds it useful.

  • need help with ipad app

    I tried to buy musical.ly for my ipad girls and thought I had done but the app which loaded not - it's a game says RVQ

    You can report a problem > get help with an article purchased on the iTunes Store or App Store, Mac App Store and iBooks Store - Apple Support

  • 10-2101 U.S. Tablet HP: Need help with firmware mix to the top

    Little problem with the tablet in place lately and accidentally erased the firmware. My best look up and somehow able to reinstall one from here. But the thing is now the entire Tablet is in Chinese, because it seems I could have installed the wrong one... ghoulish pls help me fix it? Appreciate the help if ever...

    Hi@Robin Wendigo,

    Thank you for the HP's Support Forums. Best platform for all kinds of solutions, tips and settings for your questions/problems.

    For the best experience on HP forum, see our Guide to HP Forums to learn more.

    Problems of language on the tablet settings. Is this fair?

    I want to help you.

    Follow the steps from the link below and check if that helps.

    http://HP.care/2dyWVI3

    I hope this helps. Let me know to learn more

    Happy announcement.

    Resolv_S

    Happy to help you. I work for HP

    Please click on " ""Accept as Solution " " " if you feel my post solved your problem, it will help others find the solution.
    Click on the " Bravo Thumbs Up" " " to say 'Thank you' to help! "

  • I'm suddenly needing help with my browser Firefox (6.0.2)

    Hello
    I'm suddenly needing help with my browser Firefox (6.0.2)

    (OS: I use Windows XP).

    When I open the browser, I don't see is a totally white screen of white, with all the toolbars at the top.

    I know that my physical connections are very good: I have tested the modem, turned the pc market etc and I can also receive/send emails.

    This problem started today, September 8, 2011 and has never happened before.

    Is it a coincidence that Firefox itself to day before I disconnected yesterday evening? Could this be something to do with this particular new update?

    I also noticed that just before I "opened" Firefox, I now get a small box indicating:

    [JAVASCRIPT APPLICATION]
    Handl exc in Ev: TypeError: this oRoot.enable is not a function

    This never appeared before - I hope that it offers a clue has what is wrong.

    The browser not be stuck in Mode safe, said by the way.

    Of course, I can't find solutions to the problem on the internet, I don't physically see all Web sites!
    (A friend sends this request in my name from their pc)

    Any light you can throw on this problem of confusion would be much appreciated. I'd rather not have to uninstall and reinstall Firefox if possible.

    If the only option is to uninstall Firefox and reinstall from your site, I'm also in trouble (I can not see the internet or download).
    In this case, would you be able to send the .exe file as an attachment to my e-mail address? In the affirmative, please let me know and I'll give you more details.

    Thanks in advance.

    One possible cause is security software (firewall) that blocks or limits Firefox or plugin-container process without informing you, possibly after the detection of changes (update) for the Firefox program.

    Delete all rules for Firefox in the list of permissions in the firewall and leave your firewall again ask permission to get full unlimited access to the internet for Firefox and the plugin-container and the update process.

    See:

    Start Firefox in Firefox to solve the issues in Safe Mode to check if one of the extensions of the origin of the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > appearance/themes).

  • Need help with USB 3.0 on desktop Pavilion 500-214

    I am currently the owner of desktop HP Pavilion 500-214.

    I noticed that the USB 3.0 ports do not seem to work.  Tried with 2 different brands of USB cables now.

    I connect my Samsung S5 with USB 3.0 desktop.  It connects to the 3.0 for a few seconds and then gives the message "cannot connect USB 3.0 devices.

    Does anyone else have this problem?  If so, how to fix?  Or the troubleshooting steps that you might suggest?

    Help, please.  Thank you.

    "So there is no way to use USB 3.0" so it seems.  It is a problem of Samsung and Windows 10 and not HP

    When Samsung found a solution, then it will be OK.

  • Help with Icloud locked iPad Apple?

    First of all, I am disabled and wanted to get my kids something nice. I found a deal on OfferUp for 3 Ipad mini and bought them. They were all on the first Setup screen as if they were new. I drove home excited and went to turn them on, and he's stuck on the activation screen. I've searched high and low to try to find a solution for this and have not found one thing. I feel very fuzzy and not only by the person who sold these for me but by Apple too. Their are thousands of people who treats this what I read and it's a mistake.

    Right now I just want to know if Apple really helps getting them going again or not, and Yes, I have all the emails and screenshots to prove that I bought these the guy on OfferUp. Thanks for the replies.

    They help, only potentially, if you were the original purchaser of the iPad and had proof of purchase (e.g. an original receipt with their serial numbers on it)-it won't help with second hand machines, you will need to contact the person you purchased in origin, only he or she can potentially remove them from their account (disable find them my iPhone Activation Lock - Apple Support).

  • Very slow Macbook Pro (2012), please help with report EtreCheck

    Hi all

    My Macbook runs very slowly, I tried a number of things suggested online but none worked. I recently went to a repair shop and they suggested it could be to do with the dataflex (not sure if this was exactly, but I remember it sounding similar.) They described as a hard drive to another internal component connection, sorry for the inaccuracy.) I have me am replaced, but this did not help either.

    I downloaded the software EtreCheck and I was wondering if someone could help me to make light of the report on possible solutions? I have the feeling that it could be the hard drive needs to be replaced, but have no evidence of that. Verification has been run for the problem of "Beachballing" and got the sub report, please let me know if more info would be helpful. I hope it's telling in a way!

    Thank you for the pointers.

    EtreCheck version: 2.7.8 (238)

    Report generated 2016-01-26 22:56:56

    Download EtreCheck from http://etrecheck.com

    Duration 10:23

    Performance: Poor

    Click the [Support] links to help with non-Apple products.

    Click [details] for more information on this line.

    Problem: Beachballing

    Hardware Information:

    MacBook Pro (13-inch, mid-2012)

    [Data sheet] - [User Guide] - [Warranty & Service]

    MacBook Pro - model: MacBookPro9, 2

    1 2.5 GHz Intel Core i5 CPU: 2 strands

    4 GB of RAM expandable - [Instructions]

    BANK 0/DIMM0

    OK 2 GB DDR3 1600 MHz

    BANK 1/DIMM0

    OK 2 GB DDR3 1600 MHz

    Bluetooth: Good - transfer/Airdrop2 taken in charge

    Wireless: en1: 802.11 a/b/g/n

    Battery: Health = Normal - Cycle count = 420 - SN = 9G22603YVD3MB

    Video information:

    Graphics Intel HD 4000

    Color LCD 1280 x 800

    Software:

    OS X Mavericks 10.9.5 (13F34) - since startup time: less than an hour

    Disc information:

    Disk0 APPLE drive HARD TOSHIBA MK5065GSXF: (500,11 GB) (rotation)

    EFI (disk0s1) : 210 MB

    Macintosh HD (disk0s2) /: 499,25 go-go (248,48 free)

    HD (disk0s3) [recovery] recovery: 650 MB

    OPTIARC DVD RW AD - 5970H)

    USB information:

    Apple Inc. FaceTime HD camera (built-in)

    Apple Inc. Apple keyboard / Trackpad

    Computer, Inc. Apple IR receiver.

    Apple Inc. BRCM20702 hub.

    Apple Inc. Bluetooth USB host controller.

    Lightning information:

    Apple Inc. Thunderbolt_bus.

    Guardian:

    Mac App Store and identified developers

    Launch system officers:

    [failure] com.apple.maspushagent.plist [details]

    Launch system demons:

    com.Apple.Security.syspolicy.plist [failure]

    Launch officers:

    [loading] com.google.keystone.agent.plist [Support]

    [loading] com.oracle.java.Java - Updater.plist [Support]

    Launch demons:

    [loading] com.adobe.fpsaud.plist [Support]

    [loading] com.google.keystone.daemon.plist [Support]

    [loading] com.oracle.java.Helper - Tool.plist [Support]

    Items in user login:

    iTunesHelper Application (/ Applications/iTunes.app/Contents/MacOS/iTunesHelper.app)

    Other applications:

    [ongoing] com.etresoft.EtreCheck.85920

    Plug-ins Internet:

    FlashPlayer - 10.6: Version: 19.0.0.226 - SDK 10.6 [Support]

    QuickTime Plugin: Version: 7.7.3

    Flash Player: Version: 19.0.0.226 - SDK 10.6 obsolete! Update

    Default browser: Version: 537 - SDK 10.9

    o1dbrowserplugin: Version: 5.41.0.0 - SDK 10.8 [Support]

    googletalkbrowserplugin: Version: 5.41.0.0 - SDK 10.8 [Support]

    JavaAppletPlugin: Version: 25 check the version of Java 8 update

    3rd party preference panes:

    Flash Player [Support]

    Java [Support]

    TeXDistPrefPane [Support]

    Time Machine:

    Time Machine not configured!

    Top of page process CPU:

    6% update_dyld_shared_cache

    4% WindowServer

    3% kernel_task

    mdworker (3) 2%

    1% launchd (4)

    Top of page process of memory:

    508 MB com.apple.WebKit.WebContent (4)

    502 MB kernel_task

    Safari of 283 MB

    Finder 197 MB

    152 MB softwareupdated

    Virtual memory information:

    988 MB of free RAM

    3.03 GB used RAM (750 MB cache)

    Used Swap 0 B

    Diagnostic information:

    26 January 2016, 21:59:30 self-test - spent

    Hello mrdivorce,

    It looks like of course as evidence of a hard drive failing for me. Hard drives 2.5 "in the MacBook Pro tend to fail after 2-3 years. Judging by the date on your MacBook, I think that your time is up. Maybe try to find a different repair store. Looking for Service Center authorized Apple (https://locate.apple.com/).

    I suggest upgrading to an SSD and increasing your RAM too. Then you have the hardware to run the last OS X 10.11.

Maybe you are looking for

  • How can I make Firefox the aspect that he used?

    I just bought a new computer laptop with a resolution of 1920 x 1080 and installed Firefox 21. Everything has been compressed to a small part of my screen and change the font size has not helped, nor have layout.css.devPixelsPerPx evolution. I tried

  • Satellite 1805-S204 - not full screen size in Fedora 10

    I have a Toshiba Satellite 1805-S204 and the size of my screen is not expanded.I have 1.5 inch black around my screen. Anyone has any ideas.

  • Using Aperture on El Capitan

    Hello I'm running old software OS X 10.6.8 on my IMAC and continues to receive reminders to upgrade to El Capitan but hesitate because I don't want to lose access to the opening. (running version 3.2.4). Can someone tell me if you still use Aperture

  • I can move the search box the exact middle of Mac screen Spotlight?

    I am running OS X El Capitan 10.11.2 on my MacBook Pro. The other day, I moved my Spotlight search field for the corner of my screen. And I want to bring it back to the Nice symmetrical position - horizontally and vertically in the middle. But it see

  • Speech recognition does not work

    It seems that MS speech recognition has bugs in Windows 7. At different times, he has different problems: can't set up a mic, cannot be enabled because "the language configuration is not supported." This seems to be the big problem. I tried to fix it