Solved

HTML/CSS Paragraph spacing

Posted on 2008-06-13
2
1,475 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
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

NAS Cloud Backup Strategies

This article explains backup scenarios when using network storage. We review the so-called “3-2-1 strategy” and summarize the methods you can use to send NAS data to the cloud

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Set differnt row widths in a table. 3 22
MouseOver help for Intranet website 2 24
Can't get container centered 4 14
Hide cell in a table 2 13
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

773 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