Jump to content


problems with bullet points in HTML

  • Please log in to reply
2 replies to this topic

#1 Ricklord

  • Members
  • PipPipPip
  • Advanced Member
  • 60 posts

Posted 01 August 2006 - 08:19 PM


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

The style i am using is:
.style1 {
	font-family:Arial, Helvetica, sans-serif;
	color: #000000;

The code for where i have used bullet points is below:
<p align="left">All of our packages include the following:</p>
	    <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>

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


#2 nogray

  • Members
  • PipPipPip
  • Advanced Member
  • 930 posts
  • LocationSan Francisco CA

Posted 01 August 2006 - 09:25 PM

it's because of the paragraph tag <p> change your list to
<li class="style1">Professional web site design</li>


#3 Ricklord

  • Members
  • PipPipPip
  • Advanced Member
  • 60 posts

Posted 02 August 2006 - 12:52 PM


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users