Solved

HTML Lists and spacing

Posted on 2007-11-14
3
171 Views
Last Modified: 2011-09-20
Hi

I am using the following html for a list

<p>List:
         <ul>
           <li>One</li>
             <li>Two</li>
           <li>Three</li>
          <li>Four</li>
         </ul>
</p>

However when I run the page there is always a line space between the word List and the first item of the list.  However I want there to be no space but can't seem to achieve this.

Thus instead of...

List:

-One
-Two
-Three

..I want...

List:
-One
-Two
-Three


Changing/moving the <p> tag makes no difference and tried playing around with CSS settings.

I'm sure there is a simple solution

Cheers

Ken
0
Comment
Question by:kenabbott
  • 2
3 Comments
 
LVL 23

Accepted Solution

by:
Ashish Patel earned 500 total points
ID: 20279571
bit indented but may be of your use, do this.
         <ul>List:
           <li>One</li>
             <li>Two</li>
           <li>Three</li>
          <li>Four</li>
         </ul>
0
 
LVL 23

Expert Comment

by:Ashish Patel
ID: 20279610
Or this will help you.
<p>List:
         <ul style="MARGIN-TOP: 0px">
           <li>One</li>
             <li>Two</li>
           <li>Three</li>
          <li>Four</li>
         </ul>
</p>
0
 

Author Comment

by:kenabbott
ID: 20279639
Many thanks - easy when you know how!
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

821 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question