SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast
    Join Date
    Apr 2011
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Nested list code doesn't work

    Hi,

    Here's the code (in abbreviated form) for my nested list on my genealogy site, but it doesn't work as expected. It can be seen on my site klugh.com. The items on the list keep getting listed vertically but w/o any indentation (at least on my browser: IE).

    <ul><font size=3>
    <li>.....................</li>
    <li>.....................</li>
    <li>Butler, Pa Klughs
    <ul>
    <li>Census Reports</li>
    <li>Telephone Directories</li>
    <li>Family Trees</li>
    <li>........................</li>
    <li>........................</li>
    </ul></li>
    <li>...........................</li>
    <li>...........................</li>
    </font></ul>

    I'm pretty sure the code is correct, but what am I missing? Doctype perhaps?
    I've checked the forums and many websites. They all suggest the same code... don't know what else to do.

    Thanks in advance.

  2. #2
    Follow Me On Twitter: @djg gold trophysilver trophybronze trophy Dan Grossman's Avatar
    Join Date
    Aug 2000
    Location
    Philadephia, PA
    Posts
    20,578
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Your CSS says that lists and list items should have no margins and no padding. It's your first rule.

    If you *want* indentation (that's a margin or padding on the left side of the list) then you have to add it back.

  3. #3
    SitePoint Enthusiast
    Join Date
    Apr 2011
    Posts
    42
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Dan... such an obvious thing.

    Done... and done.

  4. #4
    SitePoint Zealot PatrickSamphire's Avatar
    Join Date
    Jul 2006
    Location
    UK
    Posts
    113
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Now all you need is to get rid of the font tag...


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
  •