Tables in iBooks not honoring font-size: css attributes

Within my validated flowing layout epub, I would like to have a table that is rendered 80% of the base font and the superscripted text within the table render some size smaller than the rest of the text within a particular cell. 
However, iBooks on iPhone 5 renders not only the table but the 'span' text at the same size as the rest of the surrounding text.  iBooks appears to ignore font-size: styling in tables completely (it does honor font-weight: though).
Is this normal/intentional behavior for iBooks?
table {
     width: 60%;
     font-size: 0.8em;
     margin-left:auto;
     margin-right:auto;
     border-collapse: collapse;
.super_script {
     font-size: 80%;
     vertical-align: super;
<table id="table_1a-27">
     <caption class="table_caption">Table 1A-27</caption>
          <tr>
               <td>Some text<span class="super_script">Note 1</span></td>
          </tr>
          <tr>
               <td>
                    <ol>
                         <li>Beginning of sentence<span class="super_script">Note 2</span> than the rest of the sentence.</li>
                         <li>Some  stuff here</li>
                    </ol>
               </td>
           </tr>
</table>
Message was edited by: zephyrmays to display markup

Ok so I puzzled thru my issues with getting iBooks to render superscripts and honor the CSS
font-size:
attribute.
After playing around with verious versions of my stylesheet and different setting within iBooks for iPhone, it appears that iBooks does honor the font-size: attribute to a point.  If you set the text very small within iBooks using the 'AA' function, the app will only allow the content to become so small and then starts to disregard to proportional setting of superscripted text.
It appears as you scale back out the font-size: attribute settings are applied when the resulting size is at or above the minimum font size for the device. 
The confusing part is when making the app text display size smaller the superscripted items stop being scaled while the normal text keeps getting smaller to the point of being the same size (or nearly so) as the superscripted content.
Hope this assists someone else in the future.
Btw is there a dev reference (Apple or otherwise) site for iBooks?  I'm have an iTunesConnect membership but the resources there are limited and vague at best (with the notable exception of Book Proofer).
Regards,
Zephyr

Similar Messages

  • Slider not rendering font size of text on another page

    I am using a slider to control the font size of the text. On one page, I have the slider setup as follows:
    <Grid Grid.Row="3" Margin="10,4.5,0.667,0">     <Slider x:Uid="FontSlider" x:Name="FontSlider" Header="Select font size" HorizontalAlignment="Left" VerticalAlignment="Top" Width="165" Margin="10,40,0,0" Height="65" Minimum="16" Maximum="32" ValueChanged="FontSizeChanged" LargeChange="8" SmallChange="8" TickFrequency="4" />            <TextBlock x:Uid="SampleText" Margin="207,63,11,169" Height="45" Text="Sample text" FontSize="{Binding ElementName=FontSlider, Mode=OneWay, Path=Value}" VerticalAlignment="Center" HorizontalAlignment="Center" Width="171" Style="{ThemeResource ListViewItemSubheaderTextBlockStyle}" TextWrapping="Wrap"/>        </Grid>
    The slider is behaving as expected and the content binded to it  in the above textblock is also rendering properly.
    However, when I try to bind the slider value to similar textblock on another page as below,  the font size of the text does not change. 
    <TextBlock FontSize="{Binding ElementName=FontSlider, Mode=OneWay, Path=Value}" DataContext="{Binding}" Style="{ThemeResource ListViewItemSubheaderTextBlockStyle}" TextWrapping="WrapWholeWords"/>
    I tried this with/without Style binding, but that does not helped either. How can I fix this?

    Elements on a page cannot access elements on another page. You can do the binding through a view model. The Slider value will have a two-way binding to a property in the view model. The TextBlock in the other page will bind its FontSize to that view model
    property.
    It might be easier if you don't use binding on the other page. When the slider value changes (ValueChanged event), save the value to a global variable. In the other page OnNavigatedTo, set the TextBlock FontSize using the global variable.

  • "apple-+" does not increase font size in preview pane in mail.app 4.2

    i have letterbox http://harnly.net/2009/software/letterbox/letterbox-beta-4-for-snow-leopard/ installed on my machine. before the SL upgrade, i could hit cmd-+ and increase the font size of the message i am viewing. that was super convenient!
    i can't do it any more. any ideas anybody on how to bring that back? btw, if i open a separate window for the message, i can use cmd-+ to increase font size. but no more can i use it in the preview window.

    the obvious suspect would be letterbox. it's beta (=bugs) and I've also heard report that it's incompatible with 10.6.2. you can try uninstalling it and see if that fixes the issue.

  • Tried all suggestions still can not increase font SIZE. Help

    Need SIZE INCREASED on all sites. too small for my eyes.

    You can "zoom" all sites using this add-on: [https://addons.mozilla.org/en-US/firefox/addon/2592/ NoSquint]. After setting your Global zoom level, you can still fine-tune the zoom on individual sites.
    (''In case you are not familiar with the zoom feature: [https://support.mozilla.com/en-US/kb/Page%20Zoom#os=win&browser=fx5 Page Zoom | How to | Firefox Help]'')
    After installing NoSquint, click the % on the Add-on Bar to call up site preferences, then click the Global Settings button, then the Zooming tab. Please see the attached screen shot for reference.
    (If you don't have the Add-on Bar displayed, you can right-click the new tab button ("+") or a blank area of the tab bar to the right of it and choose Add-on Bar from the shortcut menu.)
    You can experiment with sizes larger than 125%, but I wouldn't go much higher than 150% unless you have a large high-resolution monitor.
    If there are particular sites that still present a problem, feel free to post their URLs.

  • Carousel not honoring image size and inlineFrame target issue

    I have questions related to slideshow or carousel in the following:
    •     “af:inlineFrame”: in the html, it has a “”, looks like it doesn’t work in ADF. Do you have any work around or is this a limitation?
    •     “af:carousel”: this component doesn’t honor “<af:image>” dimension and it truncates image into a small square shape. I tried everything I can think of. Do you know if this is a limitation? If so, is there a good solution for this?
    For all the cases above, I want to click on the image link and the system redirects to me to a page associated with the image. Usecase is announcements that's animated in a slideshow or carousel.
    If you have any suggestions I appreciate the help.
    Thanks,
    Dara

    Dara,
    Can you try surrounding af:image with af:goLink / af:commandLink and set the inline style of it to inherit?
    Something like
                                    <af:carousel id="c1"  var="item">
                                        <f:facet name="nodeStamp">
                                            <af:carouselItem id="ci1" inlineStyle="background-color:inherit;"
                                                             styleClass="AFStretchWidth">
                                                <af:commandLink id="l1">
                                                    <af:image id="i2" inlineStyle="height:inherit; width:inherit;"
                                                              styleClass="AFStretchWidth"/>
                                                </af:commandLink>
                                            </af:carouselItem>
                                        </f:facet>
                                    </af:carousel>-Arun

  • 3.6.6 doesn't allow css font-sizes below 8px

    Previously in Firefox 3.5 to 3.6 the font-size css attribute would allow sizes below 8px. Firefox 3.6.6 doesn't allow css font-sizes below 8px.
    == This happened ==
    Every time Firefox opened
    == I upgraded to 3.6.6

    I've found the problem. Go into about:config and change the font.minimum-size.x-western to 0. I'm not sure how mine was set to 10... My hunch is that Firefox 3.6.6 defaults the size to 10 on upgrade.

  • Table font size changes when I set other font property

    I had anomalous behavior in a VI i wrote so I did the following to troubleshoot it.  Can anybody explain what's going on?
    I created a table indicator and changed the font size to 36 for a 5x5 area cells using mouse-drag-select and the front panel "Xpt Application Font" dropdown.  I changed one of the rows to font=strikeout using the same front panel dropdown.    I then used the FOR loops and properties as below to change the stikeout property to FALSE for all 5 rows.  Running the VI caused the font size of all of the text to change, even though the CellFontSize property was not set anywhere in the VI.  I manually set the font sizes to 36 again and subsequent runs of the the VI did not affect the font sizes. 

    I did not attach the code because after it runs it is "fixed".  The FOR loop I described is easy enough to recreate but it seems there was an issue with the image in the first post so I've attached it here (rather than try again to include it in the message). 
    Attachments:
    table_font.png ‏12 KB

  • Font size WILL NOT change.

    I am using Adobe Acrobat Pro 9.0.0
    I have a BMP file of a certificate and I want to have only certain areas where the user can write the details.  So, I did the following:
    Opened the bitmap.
    Forms - Add or Edit Fields... (selected 'No' - I do not want Acrobat to detect the field, because there are none).
    Saved the file.
    Forms - Form Tools - Text Field
    Drew the filed and gave it a name.
    Double clicked on it
    Clicked on Appearance.
    The default font is Helvetica.
    Changed the font size to 18.
    Clicked on Close
    File - Save
    I then open the file with Adobe  Reader 10.0.1
    The font size is ignore (it's tiny!!!!)
    How do I change the font size?????

    I am updating to the 9.4 version, as we speak.
    It turns out that the issue is that the number shown for the fount is it the NUMBER OR POINTS not the font size.  Changing it to Auto seems to sort the issue out.
    Thanks.

  • Web Gallery Template Font Size Adjustment

    When I am in the Web module and using one of the templates (Flash or HTML), I would like to be able to adjust the font size of all the text used for the titles, headings, captions, etc. In general, I find the default font sizes too small, especially on the Flash templates.

    Hi Swapna
    Try following:
    1. Test with standard Survey component. You can do this by removing assignment of enhancement set to a client.
    Use transaction SM30. Open table BSPWDV_EHSET_ASG to remove assignment. Now the standard component should be picked up during survey processing in Web UI.
    2. If the standard survey component is also not showing the note effect then you can check if the note is applied properly. There are some manual steps in the note which are normally overlooked.
    After applying the note the font size from the 'htmlb' tags will overwritten by a fixed font size specified in a css file(htmlb_style.css).
    After Applying the note please verify whether the htmlb_style.css is also imported. This can be done by the following steps
    1.Goto Transaction Se80, and then go to Repository browser.
    2.Select 'BSP application' from dropdown and the application as SVY_H.
    3.Expand the Mime folder. Here the file 'htmlb_style.css' must be present.
    4.Place the cursor on the 'htmlb_style.css' right click and select display from the menu. This would show the file with new font sizes.
    3. There is one more note from where you can download the latest css file(htmlb_style.css).
    Note 1356414 - Text gets cut off for long surveys
    Hope this helps
    Rupesh Patil

  • Why zooming in Windows 7 changed also the font size in Firefox?

    I have win7 and I tried to change the text/icon size from the windows to 125%. It also affected everything in firefox (text in tabs, address bar etc., not the text on the pages which you can change with ctrl +/-).I changed it back to 100% and everything became really tiny. How can I make it standard size no matter what zoom I use in windows itself.
    Have you had experience from this kind of problem before?
    Sincerely
    Antti

    I just had the VERY same experience, also caused by the Win 7 font size change, which was subsequently restored to its original settings, and here, too, only FF 11 was affected by the change...
    I'm reluctant to add yet another add-on. Are there no settings in the about:config page that can be changed to control this?
    Following an advice on this forum, I tried changing the following on the about:config --
    layout.css.devPixelsPerPx
    from 1.0 to larger. This changes the spacing of the *areas* of the tool-bars and the Bookmarks column, but not the font size. Is there no settings that controls font size???

  • Font Size in Script

    Hi All,
    I want to change the font size in script. ( for eg :when i change the size
    to 8 or 10 it accepts but if i give 9 it does not. it gives the message "not SAP font
    size".) wat do i do to get the required size. pls reply.
    thanks.
    kavitha

    Hi Kavitha,
    Use the transaction SE73 and  goto system fonts and create your font size.
    Hope this helps you.
    Thanks
    Phani

  • Is there a way to adjust the font size in the digital signature?

    The attributes, of Name, Date, Location, Reason, Distinguished Name, etc. Is there a way to adjust the size of the font and the display?
    Thank you.
    Chunkee

    Hi Chunkee,
    I know it's not what you want to hear, but the answer is no. You can change the font, but not the font size because Acrobat will try to fill the signature field using dynamic sizing. I've found that id the default Helvetica is too big you can experiment with different fonts as they have different proportions and will come out different sizes.
    Steve

  • System Font Size Too Small

    I just received a new 15 inch powerbook today (Dec. 2005). It has increased screen resolution with respect to the previous model, but I think the default font size (i.e. top menu bar, safari window bar font size) is noticeably smaller than the older powerbooks. The problem is you can't adjust this - in Finder - show view options only controls the desktop icon size and font sizes. In safari you can make the page text bigger, but not the font size of the window. There is the Zoom option in accessibility, but I really only need a small global font increase. Does anybody know a work-around?
    thanks
    Trevor

    Download and use TinkerTool.
    Thanks - but it said something like "this is not adjustable" and asked to click an "understood button". Subsequent system font adjustments did not do anything. It looks like the adjustability varies for different OS X releases...
    Trevor

  • How to change font size of text inside a "text box" form the Drawing Markups?

    Hi,
    I expected there to be an option to change the font size after I selected the text and right-clicked, but no, there is only one option that allows you to change the text style but not the font size.
    Does anyone know how to change the font size?

    Don't know what the e-mail is about, why not just log into the forums. In any case, it does not sound like a text box, but one of the other text options (like the Typewriter tool). The regular text edit tool allows you to edit the text and fonts in a regular text box. Select the box and use ctrl-E. You may have to select the text edit tool (name changed in AAX) first. Such editing is not really recommended. Editting in Acrobat should be limited to simple changes, and those often become a pain. The best method of fixing the problem is in the original document and then creating a new PDF.

  • Variables - User Created - Font Size

    Greetings,
    Using Framemaker 7 and find that I have a copyrighted term to include. I created a variable and was able to use the 'Superior' tag (?) to make the copyright symbol that's superscript, unfortunately it makes the rest of the variable superscript.
    I like the variables because I can change it once and the entire book is updated.
    The term in question is often part of the document title, and so would need to be 18 points on that one occasion. I notice that using the superior tag gives MUCH smaller than the 36 used for the document title page. So the copyright symbol ends up near the bottom of the previous, 36 point, type. Unfortuantely, if I use the [tag] Default ¶ Font [tag] variable, it returns to the document's default font.
    In any case, it raises a question: Is it possible to 'unapply' a character format inside a user-created variable, or perhaps to set a font size within the variable? Maybe back to the 'original' (not default) font size so that no matter what the document has on the cover, it would start and end using that font?
    I'd rather not have multiple variables for the same information, if possible.
    I've seen a couple of posts here that talk about creating a set of 'master variables' in a template or something. I also found the information here:
    http://www.freeframers.org/archive/98/msg00499.html
    It's got some interesting variable ideas, but when I tried to create anything like that I ended up seeing, as the output, the actual 'angle bracket' tags and everything as though it were all text. There is clearly 'variable' information that I'm just not finding in the Help info.
    Any info would be much appreciated.
    Thanks,
    Solon

    Hi Solon,
    You've got some things right, but I'll walk you through your example for the variable to define: "Term®"
    First, you need to create the <Superior> character tag, and ensure that only the Superscript property is enabled.
    One quick way to do this is to click anywhere outside the text frame (to ensure that no text is currently selected). Then open the Character Designer (ctrl + d) and set all of the properties to AsIs (use the shift + F8 shortcut).
    Now set ONLY the superscript property for the tag, enter the name of the tag "Superior" and click Apply or the Commands > New Format to add it to your Character catalog.
    Now that you have the character tag defined, you can create your variable.
    Open the Special > Variable... window and click on the Create Variable button.
    In the Edit User Variable window enter a name for what you want to call this variable, e.g. myProduct.
    Now enter the defintion using the building blocks as required, i.e. enter the "Term" then click on the <Superior> in the Character formats building block list on the right. Then enter the ® and stop the superscript formatting by either clicking on the <Default ¶ Format> building block OR entering </> building block. You can continue entering content in the variable at this point and the superscript formatting will not affect anything following the </> entry.
    Click on the Add and then the Done buttons to add your definition to the Variable catalog.
    Now click on the Insert button to actually insert the variable into your document.
    If you need to use the variable again, you use the shortcut key sequences to quickly insert: ctrl + 0 (zero) to activate the Variable selection in the Status bar (lower left corner of the document window will show a Blue section) and then start typing your vairable name, e.g. myProduct. FM will match the characters to the variables in the catalog as you type, so you may already have a match by the second characer. The variable name is displayed in the blue area at the lower-left. As soon as you see the match, hit the ENTER key to insert the variable.
    I hope this helps takle some of the mystery out of defining and using variables.

Maybe you are looking for

  • Change price in material master

    Dear Experts, May I know how we can change std. price that maintained in material master. I believe t/code MR21 use to change price for MOP (moving average price) but I'm not sure for std. price. *Please assist me how we can use MR21 & what are the i

  • How to add radiobutton in table control

    dear all i want to add radiobutton in table control and want to select the corresponding data & display that selected data in another screen please guide. Moderator Message: Please search for available information before posting. Edited by: kishan P

  • I need help with an error message

    Has anyone run across this error   java.lang.class cast exception ? I dont know what caused it and how to fix it. It also seems to be killing my battery life. Any suggestions?  Thanks

  • Firewall and Xcelsius

    Would a Web Service which is used in Xcelsius data connection, have to be available outside the firewall for the client to get to the data on refresh?

  • Help for smugmug publish plugin on Mac OSX 10.9.4

    I cannot for the life of me find the smugmug zip file which is supposedly downloaded on my computer after installing the adobe add-on.  I made sure the creative cloud folder is correct however when I go to my finder, I can't find the plugin zip file.