?
Solved

HTML/CSS Paragraph spacing

Posted on 2008-06-13
2
Medium Priority
?
1,499 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 1000 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 1000 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

7 Extremely Useful Linux Commands for Beginners

Just getting started with Linux? Here's a quick start guide that has 7 commands that we believe will come in handy.

Question has a verified solution.

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

Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

771 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