Jump to content

Archived

This topic is now archived and is closed to further replies.

Ricklord

problems with bullet points in HTML

Recommended Posts

Hi,

I've got a problem with my bullet points and i just can't figure out why.

The style i am using is:
[code].style1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
}[/code]

The code for where i have used bullet points is below:
[code] <p align="left">All of our packages include the following:</p>
  <ul>
    <li><P class="style1">Professional web site design</P></li>
<li><P class="style1">Update's to your site included in monthly maintenance plan</P></li>
  <li><P class="style1">Design around your Logo or Branding</P></li>
  <li><P class="style1">Multiple design revisions</P></li>
  <li><P class="style1">Website Hosting & Management (included for an additional £30.00 for 12 months)</P></li>
  <li><P class="style1">Domain Name Registration & Management (also included in the additional £30.00 for 12 months)</P></li>
  <li><P class="style1">Multiple eMail accounts</P></li>
  <li><P class="style1">Photography provided</P></li>
  <li><P class="style1">Visitor statistics</P></li>
  </ul>[/code]

The bullets and text style is working fine but the gaps in between is like double line spacing in microsoft word.

Any ideas how i can get the text to be closer together without the appearance of double line spacing?

I'm thinking ive got to change some thing with style1 but i cant work out what???

Cheers in adavance

Rick

Share this post


Link to post
Share on other sites
it's because of the paragraph tag <p> change your list to
[code]
<li class="style1">Professional web site design</li>
........

[/code]

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.