Solved

HTML/CSS Paragraph spacing

Posted on 2008-06-13
2
1,487 Views
Last Modified: 2012-05-05
I'm having trouble with paragraph spacing (HTML/CSS).
Basically, there are big gaps appearing before and after each paragraph and this is not affected by the line spacing.
See: http://davegrant.info/sascha/
I would like to be able to line up the top of the text area with the gallery on the right and bring the base of the page up towards the end of the second paragraph.

html can be found at http://davegrant.info/sascha/index.html
css at http://davegrant.info/sascha/stylesheet.css
and     http://davegrant.info/sascha/standard.css

Thanks.
0
Comment
Question by:digitalPencil
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 10

Accepted Solution

by:
bluefezteam earned 250 total points
ID: 21779509
If you add this to your style sheet

p {
margin:0px;
padding:0px;
margin-bottom:10px;
}

then adjust the 10px to which ever value gives the disired spacing for your paragraphs
0
 
LVL 2

Assisted Solution

by:Airyck666
Airyck666 earned 250 total points
ID: 21780065
If you want the bottom of the content area up towards the end of the second paragraph, you'll have to change the hieight of that table and cell from 421 to something smaller... see line 330-332 in your html file.  If you remove the height all together, it will follow the height of the content, however the footer will always remain at the bottom.  This is what makes table-based layouts so inflexible.  But you can play around with those heights to get it perfect.
<table width="836" height="400" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td width="10" height="400" valign="top" bgcolor="#FFFFFF">&nbsp;</td>

Open in new window

0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Validating Date Part2 2 28
Popup write two lines 3 22
Triple line in an alert message 4 24
HTML or/and CSS codes to construct numbered paragraphs. 5 22
This article discusses how to create an extensible mechanism for linked drop downs.
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question