CreativePro Forum

Return to Member Forum

• Author
  Posts
• • September 1, 2011 at 7:56 pm #60426
    Shawn Girsberger

    Member

    Hi. I’m working from a rather complex book that has a variety of ordered lists, and I think I’ve figured out what to do with the XHTML for these. However, I am encountering a problem that doesn’t seem like it should be a problem. Wherever italics or boldface are applied (whether I’m using a <span class=”Italic”> character style or I use the <em> or <i> tags for italics, for example) the linespacing of those lines is expanded to look like 1 1/2 line or double spacing. It’s driving me nuts. Doesn’t look like this on the iPad or iPhone. Does anyone know why this would be happening? My italic character style is defined thusly in the CSS template:

    span.Italic {

    font-weight : normal;

    font-style : italic;

    }

    Here’s a URL for a photo of the page:

    https://www.girsbergerdesign.co&#8230;..ktest.html

    Sorry about the banding, but it’s to be expected when photographing a screen. : ) As you can see, the four lines of text in the Resources section that have italics somewhere in the lines have additional spacing that’s not there in the print version. Nor is this extra spacing present on the iPad/iPhone. Right now, this is the biggest weirdness in the book when viewed on the Nook Color and it’s driving me nuts. Because it’s so predictable, though, I’m hoping that someone know exactly what is happening.

    Over the years I’ve become accustomed to creating italic and bold character styles to prevent ID, Quark, and PM from stripping out these attributes by searching for and applying them shortly after I place Word files. I understand that <em> or <i> accomplish the same thing, but I tried substituting those tags and that doesn’t seem to make any difference.

    Any advice will be greatly appreciated! Thanks.

  • November 23, 2011 at 1:46 pm #61143
    Aaron Troia

    Participant

    The Nook definately has some quirks that im not too fond of, have you tried line-spacing:0; in your char style?

  • November 23, 2011 at 3:22 pm #61144
    nick lamme

    Member

    I have a book that uses and span.italics, and my css looks like this:

    span.italics {
    font-family: Minion Pro Italic;
    font-weight: normal;
    font-style: italic;
    }

    That's not terribly different than what you have and you should need much else, but I guess you could add:

    line-height: Xpx (or whatever you're using);

    That might force it to use the same line height. After looking at your screen shote, I am very curious about what your other styles look like, because the text is bigger than the body text. My guess is that if you are using ems or % or just a number for your line height, the height might increase when you increase the font size, since if I'm not mistaken, the line-height property is in proportion to the designated font size… I'm going out on a limb here because I don't remember so well if that's the case and I'm not looking at your syle sheet. So, just some thoughts.

    Yours,

    NL

  • November 23, 2011 at 6:08 pm #61145
    Shawn Girsberger

    Member

    Thanks for this info, Nick. Actually, my italics are not larger; it’s the way the italic for this font displays on the reading devices. However, I did resolve the visual issue by changing the line height, and that did take care of it.

    It’s interesting to note that on the Nook Color, when you choose the publisher’s option, the linespacing with respect to the italics and bold is perfectly fine. It’s when you use the default reader setting, which is generally more desirable, that the linespacing goes awry. So, I figure as long as I define the line height by percentage, I’ll be okay for both settings.

• Author
  Posts