• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1513
  • Last Modified:

HTML/CSS Paragraph spacing

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
digitalPencil
Asked:
digitalPencil
2 Solutions
 
bluefezteamCommented:
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
 
Airyck666Commented:
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

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now