Managing Blank Lines Following <p> Using CSS

[SeaCanary]

Originally Posted by Jellby

You may have set a default bottom/top margin for <p> elsewhere ...

Not possible. See #15, above.

Originally Posted by Jellby

... or the renderer you are using may have such a hidden deffinition.

Perhaps Sigil does. What are you using?

[theducks]

Originally Posted by SeaCanary

Not possible. See #15, above.
Perhaps Sigil does. What are you using?

Devices have overrides
Sigil just uses the valid CSS (with the few known QT won't work exceptions)
Ignoring a CSS usually indicates a Link problem. Remember: everything is cAsE sensitive

[SeaCanary]

Originally Posted by theducks

Devices have overrides
Sigil just uses the valid CSS (with the few known QT won't work exceptions)
Ignoring a CSS usually indicates a Link problem. Remember: everything is cAsE sensitive

I hadn't properly linked my test XHTML to my CSS file. I fixed that and now it works!!

Thank you, everyone!

[SeaCanary]

Originally Posted by theducks

Devices have overrides ... (with the few known QT won't work exceptions)...

Is there an editor like Sigil that tests for different devices?

QT?

[theducks]

Originally Posted by SeaCanary

Is there an editor like Sigil that tests for different devices?

QT?

QT is a commonly used, open source building block (GUI library)


Editors, EDIT
Nothing tests/shows the exact behavior except the targeted DEVICE.
Go read some of the horror stories down in the EPUB forum

[SeaCanary]

For the record, when I did this ...

.verse {
    margin-bottom: 0.5em;
    }
.verse p {
    margin: 0;
    margin-left: 1em;
    text-indent:-1em;
    }
.chorus p {
    margin-left: 2em;
    }

... and put it on my Nook every line had a blank line after it.

I changed it to the following and the problem went away.

.verse {
    margin-bottom: 0.5em;
    }
.verse p {
    margin-bottom: 0;
    margin-top: 0;
    margin-right: 0;
    margin-left: 1em;
    text-indent: -1em;
    }
.chorus p {
    margin-left: 2em;
    }

[GrannyGrump]

You found the Nook bug -- it doesn't like margin settings in the "short form". (discussed on this thread: https://www.mobileread.com/forums/sho...d.php?t=223586.)

I'm trying to remind myself to always use the long form, explicitly defining margin-top, margin-left, etc.

[cybmole]

so if I buy a nook, I could have to re-code dozens of books, where I've tweaked & used margin: ?
that's a MAJOR flaw
do all the nook range behave like that ?

[Jellby]

Originally Posted by cybmole

that's a MAJOR flaw

Unfortunately, it seems to me all ebook readers have some major flaw or other

[cybmole]

but that particular flaw looks very hard to fix via regex.

maybe appending a p {margin-bottom: value to the css, via the modify epub calibre plug in is sufficient to override what is in all single margin: lines ?

[BobC]

Would changing

margin: 0;

to

 margin: 0 0 0 0;

not do the job ?

BobC

[Jellby]

Would returning the Nook as a broken reader help?

Seriously, without some loud complaining from the users, they'll never improve the readers (and probably not with complaining either).

[cybmole]

Originally Posted by BobC

Would changing

margin: 0;

to

 margin: 0 0 0 0;

not do the job ?

BobC

only someone with an actual nook could answer that, & I don't plan to buy one just to find out.

anyway, if books have short margin CSS, you'd have to find all the shorthand instances, not just zero.
e.g. I've used margin:1em; for a centered header

[theducks]

I consider both of those to be a 'short form'
I think REGEX done with 4 passes should catch all (not tested)
margin\: 1em 2em 3em 4em;

F: margin:\b(.+?)\b(.+?)\b(.+?)\b(.+?)\;*
R: margin-top:\1; margin-right:\2; margin-bottom: \3; margin-left:\4;

Note: the 'short form' is not limited to margin

I like Jellby's idea. Send it back as a 'defective EPUB reader'

[SeaCanary]

Originally Posted by BobC

Would changing

margin: 0;

to

 margin: 0 0 0 0;

not do the job ?

BobC

I suspect it would depend on what other code is in the CSS. Give me some more of your code and maybe I can test it on my Nook.