Jump to content


Photo

problems with bullet points in HTML


  • Please log in to reply
2 replies to this topic

#1 Ricklord

Ricklord
  • Members
  • PipPipPip
  • Advanced Member
  • 60 posts

Posted 01 August 2006 - 08:19 PM

Hi,

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;
	font-size:12px;
	color: #000000;
}

The code for where i have used bullet points is below:
<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>

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

#2 nogray

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>
........


NoGray.com


#3 Ricklord

Ricklord
  • Members
  • PipPipPip
  • Advanced Member
  • 60 posts

Posted 02 August 2006 - 12:52 PM

thanks




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users