[ervier]

I would like to know how I could use background color in paragraphs (headings, lists, p) and to have the background color connected without whitespace between different paragraphs. Is this possible?

Here is an example:

<font face = "courier">
Styles:
body { background-color: white; }
p { background-color: green; }

HTML:
&lt;p&gt; paragraph 1 &lt;/p&gt;
&lt;p&gt; paragraph 2 &lt;/p&gt;
</font>

[Raman]

Originally posted by ervier:
<STRONG>I would like to know how I could use background color in paragraphs (headings, lists, p) and to have the background color connected without whitespace between different paragraphs. Is this possible?

Here is an example:

&lt;font face = "courier"&gt;
Styles:
body { background-color: white; }
p { background-color: green; }

HTML:
&lt;p&gt; paragraph 1 &lt;/p&gt;
&lt;p&gt; paragraph 2 &lt;/p&gt;
&lt;/font&gt;</STRONG>

put the paragraphs in a table and make the td background what you wanted to make your p background.

[ervier]

Originally posted by Raman:
<STRONG>put the paragraphs in a table and make the td background what you wanted to make your p background.</STRONG>

Raman,

I know this solution, and have used it, and should have made it clear that I did, but I want to know whether there is one without using a table.

[Demonhood]

another way is this:
if your text is 11, then use a line height of 12 or less.

<font face = "courier">font-size : 11px; line-height : 12px;</font>

that should make for a solid color over the text without spaces in-between the lines. you could also draw boxes using stylesheets, but i wouldn't recommend it.

[ 12-11-2001: Message edited by: Demonhood ]

[ervier]

Originally posted by Demonhood:
<STRONG>another way is this:
if your text is 11, then use a line height of 12 or less.
</STRONG>

Thanks for the tip, but I found a better way when trying yours. Accidentally I had margins set for this heading, and the whitespace was still there. Then I removed the margins, but the whitespace became bigger. So then I set top- and bottom-margins to 0px, et voila! Just what I wanted!

[Millennium]

That technique works, but it can also make your text look somewhat jammed together. So you may want to adjust the top and bottom padding on your paragraphs to compensate. That should get some space between them again.