paragraph margins

[JLius]

Of course, thank you!

[Turtle91]

Originally Posted by JLius

Okay, so I'm even more of an idiot than I thought I was...
Anyway, I have this:

p {
  text-indent: 0;
  line-height: normal;
  margin-bottom: 1em;
}

and this:

.nomargin {
  margin-bottom: 0em;
}

But when I write this:

<p class="nomargin">Blablabla</p>
<p class="nomargin">Blablabla</p>
<p>Blablabla</p>

There's still a margin-bottom between these three paragraphs. The "nomargin" class ain't doing shit.
What am I missing here?

For the sake of concise coding, you should have the normal style as the paragraph style used on the majority of paragraphs...save the specific class for the different paragraph.

p {margin:0; text-indent:1.2em}
p.break {margin-top:1em; text-indent:0}

<p>normal paragraph</p>
<p>normal paragraph</p>
<p.break>no indent with a space above it paragraph</p>
<p>normal paragraph</p>
<p>normal paragraph</p>

[JLius]

I tried your suggestion. The most common paragraphs have a margin:

p {
  text-indent: 0;
  line-height: normal;
  margin-bottom: 1em;
}

p.nomargin {
  margin-bottom: 0;
  margin-top: 0;
}

And it does not work, there's still a margin:

<p.nomargin>blablabla</p>
<p.nomargin>blablabla</p>
}

[Toxaris]

You would be better of reversing your thinking. The paragraphs with a margin are the strange ones, not the other paragraphs. So, give the paragraphs with a margin a class and not the others. So take the example of Turtle91 (with a small correction: <p.break> should be <p class="break">) and it will produce the attached example (I changed the text).

[JLius]

Yes, I know Toxaris, thank you for your trouble. It's not my thinking that needs reversing, its my father's thinking when he wrote this messed up manuscript ;-) I tried your way before, but the document just got messed op because it is so inconsistent. And because most paragraphs had a margin anyway, I decided to make that the standard p. There are only a few paragraphs that are without the margin, so I just did those manually.
It's looking more or less ok now, I just hope my father won't notice the p's I missed somehow. He'll be the only one reading the epub anyway, on the reader I got him for his birthday.

[Notjohn]

Children always blame their parents. It's some comfort to know that, in time, the grandchildren will do the same to THEIR parents.

[JLius]

You're absolutely right

[theducks]

Your code would be good if the you had set

P { display: block;
margin: 0 ; /* all 4 edges */
}

somewhere beforehand


display: block breaks the inheritance cascade and starts over (from the outside layer)

Think 'Box Model'

[JSWolf]

Originally Posted by theducks

Your code would be good if the you had set

P { display: block;
margin: 0 ; /* all 4 edges */
}

somewhere beforehand


display: block breaks the inheritance cascade and starts over (from the outside layer)

Think 'Box Model'

I have a rather big dislike bordering on hate when I see the margin shorthand. I prefer it to be the long way because that just works better for modifying eBooks when the publisher screwed something up which is usually.

[Hitch]

Originally Posted by JSWolf

I have a rather big dislike bordering on hate when I see the margin shorthand. I prefer it to be the long way because that just works better for modifying eBooks when the publisher screwed something up which is usually.

Jon:

Stop being daft. You're going to give yourself a stroke or a heart attack.

Hitch

[Turtle91]

Originally Posted by Toxaris

So take the example of Turtle91 (with a small correction: <p.break> should be <p class="break">) and it will produce the attached example

sorry...must have been sleep-typing again...

[JSWolf]

Originally Posted by Hitch

Jon:

Stop being daft. You're going to give yourself a stroke or a heart attack.

Hitch

It is easier. Most time the publisher does botch things up and I have to go fix them.

[Hitch]

Originally Posted by JSWolf

It is easier. Most time the publisher does botch things up and I have to go fix them.

What, it's easier to give yourself a heart attack? Or a stroke? Sheesh, kiddo, listen, I'm the queen of rant, but dude, try to make sure it's for those things that matter!

Hitch

[JSWolf]

Originally Posted by Hitch

What, it's easier to give yourself a heart attack? Or a stroke? Sheesh, kiddo, listen, I'm the queen of rant, but dude, try to make sure it's for those things that matter!

Hitch

This is where win. I can rant without getting upset.

[Hitch]

Originally Posted by JSWolf

This is where win. I can rant without getting upset.

<snort>. Wiseass. Good for you!

Hitch