Blockquote css

[crutledge]

i hope this is the place to ask this question.

Somewhere I found this CSS defination for BLOCKQUOTE:

.blockquot{
margin-bottom:1em;
margin-top:1em;
margin-left:3em;
margin-right:0;
font-size:100%;
}

When I try to increase the margin-left: nothing changes.
What is wrong?

Charlie

[JSWolf]

Originally Posted by crutledge

i hope this is the place to ask this question.

This actually belongs in the ePub forum.

Somewhere I found this CSS defination for BLOCKQUOTE:

.blockquot{
margin-bottom:1em;
margin-top:1em;
margin-left:3em;
margin-right:0;
font-size:100%;
}

When I try to increase the margin-left: nothing changes.
What is wrong?

Charlie

Multiple things wrong. You have a 0 right margin. You have a font size that's not part of a blockquote. Your left margin is too big and the right margin needs to match. And you have the name of the class wrong.

blockquote {
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1.5em;
margin-right: 1.5em
}

Now that is correct. The left/right margins are set for using a text indent no larger than 1.2em.

[Turtle91]

Hey Crutledge,

The styling of your blockquote isn't the problem...although I like Jon's styling, it is completely beside the point.

The problem is that you are defining blockquote as a class when you add the "." in front of the name. You would have to use <blockquote class="blockquot"> for that styling to work. Simply remove the "." add the "e" and define it as:

blockquote {
margin-bottom:1em;
margin-top:1em;
margin-left:3em;
margin-right:0;
font-size:100%;
}

although, FWIW, I do agree that Jon's styling is better...

[pdurrant]

Originally Posted by JSWolf

This actually belongs in the ePub forum.

Nonsense. CSS styles can be used in any ebook format that uses HTML/CSS in its source files. The workshop is certainly the right place.

[ButWhy]

Will "margin" work for Nook, or will "padding" have to be used instead?

[dgatwood]

I'm pretty sure Nook handles margins correctly (for values other than "auto", which, like all ADE-based readers, Nook handles in a horrible way that is technically compliant with the EPUB spec, while at at the same time being thoroughly non-compliant with both the letter and the spirit of the CSS spec on which EPUB is ostensibly based).

Note, however, that other ADE-based readers collapse element margins into the page margin, which can cause problems, so for a more general solution, padding is probably a better choice.