SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Zealot
    Join Date
    Oct 2003
    Location
    Minnesota/America
    Posts
    143
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    <LI> items won't align left

    I have list items in a Movable Type calendar that aren't aligning to the left of the cell. This is essentially a stock calendar from Movable Type, so pardon my use of tables.


    This is a link to the page in question:
    HTML Code:
    http://www.pmojo.com/calendar
    Anyway, here is a snippet of CSS:

    Code:
    #event-calendar {
            line-height: 140%;
            color: #666666;
            font-family: Verdana, Arial, sans-serif;
            font-size: 11px;
            text-align: left;
            margin-bottom: 30px;
           }
    
    #event-calendar li ul {
    padding:0px;
    margin:0px;
    text-align: left;
    left:0px;
    }
    
    .first {
    list-style-type: none;
    padding:0px;
    margin:0px;
    text-align: left;
    left: 0px;
    border-left: 1px solid #999999; /* added to see the extent of the alignment */
    }
    and now the HTML for a table cell:

    HTML Code:
    			<td valign="top" class="d24">
    				21
    					<ul>
    						<li class="first"><a href="http://www.pmojo.com/calendar/2004/09/all_campus_chor.php">All Campus Chorale Rehearsal</a></li>
    					</ul>		
    			</td>
    Any ideas?

    Thanks in advance!
    Paul Larson
    Creative Arc, Inc. - Minneapolis Web Design
    http://www.creativearc.com
    ArcLog: Resource for running a web business prime beef

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,366
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    You need to take the default padding and margins of the ul.

    Code:
    #event-calendar ul {margin:0;padding:0;list-style:none}
    Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •