Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ General Web Design _ Just need to remove some extra space at the top of a blockquote

Posted by: bluemoon72 Oct 6 2010, 01:11 PM

Hi! I'm pretty inexperienced at HTML, but I was able to figure out enough to change the color of my page's subtitle, among some other things. I'm having trouble with one thing, however: removing a couple of extra breaks or lines at the top of my block quote. Here's the page: thesiteinspector.blogspot.com

Here's the blockquote code:

<blockquote>
<h2 style="margin: 13.5pt 22.5pt 1.5pt 24pt; text-indent: 13.5pt;">
<span style="color: #bf643c; font-family: Verdana, sans-serif; font-size: small;">A coordinated internet marketing plan includes:</span></h2>
<div class="MsoNormal" style="margin: 0in 22.3pt 0pt 37.45pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 45.0pt; text-indent: -1.45pt;">
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp; </span></span></span>Video marketing</span></div>
<div class="MsoNormal" style="margin: 0in 22.3pt 0pt 37.45pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 45.0pt; text-indent: -1.45pt;">
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp; </span></span></span>E-mail marketing</span></div>
<div class="MsoNormal" style="margin: 0in 22.3pt 0pt 37.45pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 45.0pt; text-indent: -1.45pt;">
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp; </span></span></span>Pay-per-click search engine marketing</span></div>
<div class="MsoNormal" style="margin: 0in 22.3pt 0pt 37.45pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 45.0pt; text-indent: -1.45pt;">
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp; </span></span></span>Social media such as LinkedIn and Facebook</span></div>
<div class="MsoNormal" style="margin: 0in 22.3pt 0pt 37.45pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 45.0pt; text-indent: -1.45pt;">
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp; </span></span></span>Blogs and RSS feeds</span></div>
<div class="MsoNormal" style="margin: 0in 22.3pt 0pt 37.45pt; mso-list: l0 level1 lfo1; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; tab-stops: list 45.0pt; text-indent: -1.45pt;">
<span style="font-family: Verdana, sans-serif;"><span style="font-family: Symbol; font-size: 10pt; mso-bidi-font-family: Symbol; mso-bidi-font-size: 12.0pt; mso-fareast-font-family: Symbol;"><span style="mso-list: Ignore;">·<span style="font-family: &quot;Times New Roman&quot;;">&nbsp;&nbsp; </span></span></span>Direct mail and print campaigns</span></div>
<div style="background: white;">
</div>
</blockquote>

Anyone able to tell me how to get that annoying extra space out of the top, prior to where the text starts? Thanks!!!

Jennifer in Minneapolis, MN

Posted by: Darin McGrew Oct 6 2010, 03:27 PM

This looks like an example of collapsing margins. See:
http://complexspiral.com/publications/uncollapsing-margins/

Posted by: pandy Oct 6 2010, 04:24 PM

You have given the BLOCKQUOTE 10px top padding and the H2 a 13.5pt top margin.


Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)