Hello,
My page is located at: <!-- m --><a class="postlink" href="http://ubiquita.server303.com/phaseIII.html">http://ubiquita.server303.com/phaseIII.html</a><!-- m --> in the event anyone wants to see it live.
I have a couple of bulleted lists, which if you visit that page you will see how close together the lines are. I tried adding a line-height: attribute using my external style sheet, but it didn't work. If the list is within two <p> tags, but there are <br> tags that make the list break, can I put the line-height class in the one single <p> and it will cover all of the breaks, or do I give the <br> a class?
I put <p class="bulletlist"> and then in my style sheet, I had:
p.bulletlist { line-height: 140%; }
Thanks,
MickapooFirstly, if you are going to use css you should eradicate those unnecessary tables. Lists should be represented by a (who would of thought) list tag (<ul>).
The distance looks good however, if you really want to, you may want to use padding in this case (typically use margins, but they won't work well with td's). By altering the padding-top and padding-bottom you can achieve the effect of increased line spacing.
The problem is that the line-height property affects the spacing between lines in a p. You have your items set up in a table. I suspect this is where your problem stems.
Convert to CSS, use lists not tables, and all will be better.Thank you, I will do that.
My page is located at: <!-- m --><a class="postlink" href="http://ubiquita.server303.com/phaseIII.html">http://ubiquita.server303.com/phaseIII.html</a><!-- m --> in the event anyone wants to see it live.
I have a couple of bulleted lists, which if you visit that page you will see how close together the lines are. I tried adding a line-height: attribute using my external style sheet, but it didn't work. If the list is within two <p> tags, but there are <br> tags that make the list break, can I put the line-height class in the one single <p> and it will cover all of the breaks, or do I give the <br> a class?
I put <p class="bulletlist"> and then in my style sheet, I had:
p.bulletlist { line-height: 140%; }
Thanks,
MickapooFirstly, if you are going to use css you should eradicate those unnecessary tables. Lists should be represented by a (who would of thought) list tag (<ul>).
The distance looks good however, if you really want to, you may want to use padding in this case (typically use margins, but they won't work well with td's). By altering the padding-top and padding-bottom you can achieve the effect of increased line spacing.
The problem is that the line-height property affects the spacing between lines in a p. You have your items set up in a table. I suspect this is where your problem stems.
Convert to CSS, use lists not tables, and all will be better.Thank you, I will do that.