The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Just need to remove some extra space at the top of a blockquote
bluemoon72
post Oct 6 2010, 01:11 PM
Post #1





Group: Members
Posts: 1
Joined: 6-October 10
Member No.: 12,879



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Oct 6 2010, 03:27 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,017
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



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


--------------------
Darin McGrew
WDG Member since 1998
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 6 2010, 04:24 PM
Post #3


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,544
Joined: 9-August 06
Member No.: 6



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



--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 20th October 2014 - 10:45 PM