Thread: styling empty p tags

i am using the following for p tags
p{
margin: 0 0 8px 0;
line-height: 18px;
}

with this each para has a line height and margin between paragraphs

however in the html editor where the content is written when i add spaces empty <p></p> tags are being created by the editor and with the above style for p tags there is lot of unwanted vertical gaps being created

is there a way to style empty <p></p> tag so that these vertical gaps will not be created



also i am using a separate css for printing when i print in firefox i have set the url to print at top right and if the url is too long only a portion of the url is being printed, is there a way to print the entire url or is this a normal printer behaviour to print the url to whatever extent the width is available

Not really, you could use JavaScript but I would avoid it as people that have JavaScript disabled would still see this.

Option 1: Use a different HTML editor.
Option 2: If the source code is available you could change the way the editor handles line breaks.
Option 3: You could write some form of script which processes your documents and replaces instances of <p></p> with something you could style better.

I personally would go for option 1. Its simple and there are plenty of good HTML editors around who handle this better.

i noticed that when i hit enter tiny mce editor is generating
<p>&nbsp;</p>

is there a way to change the editor settings to change <p>&nbsp;</p>
to <br>

What version of TinyMCE are you running. I think it is out of date.

p
{
margin: 0 0 8px 0;
line-height: 18px;
}

you were using high value to the line-height. So the paragraph content has more vertical gap.

you will have to reduce the line-height size.