tag:support.markedapp.com,2011-09-11:/discussions/problems/101-marked-handling-of-block-quotesMarked: Discussion 2018-10-19T05:38:38Ztag:support.markedapp.com,2011-09-11:Comment/123912492011-12-25T12:01:17Z2011-12-25T12:01:17ZMarked handling of block quotes<div><p>Yikes, did the above wrong.</p>
<p>Mainly the problem is paragraph tags get inserted inside of the
blockquote tags. Is there some way to make this NOT happen?</p></div>Mathewtag:support.markedapp.com,2011-09-11:Comment/123912492011-12-25T13:03:16Z2011-12-25T13:03:16ZMarked handling of block quotes<div><p>Hey Mathew,</p>
<p>This isn't a Marked issue, it's the way MultiMarkdown renders
blockquotes. That being said, it's perfectly semantic and the
standard way of displaying blockquotes. Why do you want to change
the parser?</p>
<p>-Brett</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/123912492011-12-25T13:09:31Z2011-12-25T13:09:31ZMarked handling of block quotes<div><p>Hmm. Here's what happens. I have CSS for both paragraphs and
blockquotes.</p>
<p>When using the</p>
<blockquote>
<p>content</p>
</blockquote>
approach my<br>
quotes get formatted like paragraphs in terms of font.
<p>Here's the two CSS defs I'm using:</p>
<p>blockquote {</p>
<pre>
<code>margin-left: 40px;
width: 75%;
border-left: 2px solid #666;
background-color: white;
padding: 0 0 0 10px;
margin-bottom: 20px;
font: 1.1em "Courier New", Courier, mono;</code>
</pre>
<p>}</p>
<p>p {</p>
<pre>
<code>font: 1.02em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
margin: 1em 0 1em;
color: #3d3d3d;</code>
</pre>
<p>}</p>
<p>If I simply use HTML for blockquotes I'm fine.</p>
<p>I'm far far far from an HTML, CSS, etc. expert. Perhaps I'm
doing something wrong?</p>
<p>Many thanks. Surprised to get a response on Xmas! Hope you're
having a great day,</p>
<pre>
<code>Mathew</code>
</pre>
<p>Mathew Mitchell<br>
Co-Director, Center for Teaching Excellence<br>
Professor, Learning & Instruction, School of Education<br>
University of San Francisco</p>
<p>email: <a href=
"mailto:mitchellm@usfca.edu">mitchellm@usfca.edu</a><br>
website: socrates.usfca.edu/mitchellm</p></div>Mathew Mitchelltag:support.markedapp.com,2011-09-11:Comment/123912492011-12-25T14:27:25Z2011-12-25T14:27:25ZMarked handling of block quotes<div><p>As long as your markup is consistently giving you
<code><blockquote><p></p></blockquote></code>
(there's always a graf inside), then just change your blockquote
definition (or at least the font portions of it) to blockquote>p
instead of blockquote. That will apply your fonts and such to the
paragraph inside of the blockquote, overriding the specificity of
the normal p definition.</p>
<p>I would suggest doing it like this:</p>
<pre>
<code>blockquote {
margin-left: 40px;
width: 75%;
border-left: 2px solid #666;
background-color: white;
padding: 0 0 0 10px;
margin-bottom: 20px;
font: 1.1em "Courier New", Courier, mono;
}
blockquote>p {
font: 1.1em "Courier New", Courier, mono;
}</code>
</pre>
<p>Note that I left the font definition in the blockquote tag, too,
to cover any other markup that might be there instead. The only
issue you may run into is that now you have nested em sizes that
may cause unexpected font size results. You could clear the whole
issue up by using px instead of em on your font size definitions. I
don't know what scale everything else is at, but I think you could
probably get away with setting 14px on both
blockquote/blockquote>p definitions and have more consistent
results:</p>
<pre>
<code>font: 14px "Courier New", Courier, mono;</code>
</pre>
<p>-Brett</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/123912492011-12-25T15:13:24Z2011-12-25T15:13:24ZMarked handling of block quotes<div><p>Perfecto! Thanks so much.</p>
<p>Did not know about the blockquote>p approach.<br>
Very nice.</p>
<pre>
<code>- Mathew</code>
</pre>
<p>Mathew Mitchell<br>
Co-Director, Center for Teaching Excellence<br>
Professor, Learning & Instruction, School of Education<br>
University of San Francisco</p>
<p>email: <a href=
"mailto:mitchellm@usfca.edu">mitchellm@usfca.edu</a><br>
website: socrates.usfca.edu/mitchellm</p></div>Mathew Mitchell