Dreading Line Spacing in HTML

[Demosthenes]

Here is the code I am using.

<-p style="text-align:justify; line-height:200%; text-indent:25">"Paragraph text goes here.<-/p>
<-p>Next paragraph goes here.<-/p>
etc (of course without the dashes).


The problem is, when it regurgitates it back, it does so correctly inside each paragraph. The problem is the exta space BETWEEN the paragraphs which is driving me nuts. It looks like this:

Here is my first paragraph. Every line is justified as it should be. Every line within the paragraph is double spaced as it should be. I have no complaints about this. In fact I am happy about this. It took me a little while to work out all the problems between Netscape and MS browsers. The problem comes when I make a new paragraph, as you will hopefully see.

This is what it looks like. I can not figure out how to control the spaces between paragraphs. Is there something I am missing, or is it a missuse of tags, or something more sinister that requires changing.

Here is another paragraph just for fun.

Any suggestions?

Respectfully,

Demosthenes

[K A Hall]

I think this will work for you.
<p style="text-indent: 25px; line-height: 200%; text-align: justify; margin-top: 0; margin-bottom: 0">paragraph goes here</p>

[Demosthenes]

That did it, at least for IE. Netscape does not like the margin-top or margin-bottom stuff. I can not think offhand what Netscape will take, but I can easily find that out. Thanks.

Respectfully,

Demosthenes

[Demosthenes]

All right, new problem.

The paragraphs created using the margin-top:0 and margin-bottom:0 in CSS work fine with Microsoft Internet Explorer. But, that is only half of my battle. I also want them to match up with Netscape.

When using Microsoft Internet Explorer, the code is recognized and it puts a margin of 0 in for the top and bottom of every paragraph. Netscape however has its own agenda.

While it recognizes the zero margin, it still has adds space between the paragraphs. This can be remedied, however, by using a negative margin for the top and bottom. But, while Netscape recognizes this, IE (which already removes the space) crams the paragraphs together, so they overlap.

This means that this either works for Netscape, or IE, but not both. What is that something besides the margins that Netscape keeps adding to the top and bottom of the paragraphs? Is it a border? Or something like that?


Here is the same stuff, but using a negative border.

The paragraphs created using the margin-top:0 and margin-bottom:0 in CSS work fine with Microsoft Internet Explorer. But, that is only half of my battle. I also want them to match up with Netscape.

When using Microsoft Internet Explorer, the code is recognized and it puts a margin of 0 in for the top and bottom of every paragraph. Netscape however has its own agenda.

While it recognizes the zero margin, it still has adds space between the paragraphs. This can be remedied, however, by using a negative margin for the top and bottom. But, while Netscape recognizes this, IE (which already removes the space) crams the paragraphs together, so they overlap.

This means that this either works for Netscape, or IE, but not both. What is that something besides the margins that Netscape keeps adding to the top and bottom of the paragraphs? Is it a border? Or something like that?



Try viewing this in IE and Netscape. It is different (hopefully, it is not just me). The first looks right in IE, the second is correct in Netscape. I am trying to iron out differences in CSS.

Respectfully,

Demosthenes

[Edited by Demosthenes on 11-03-2000 at 09:50 PM]