Grow your CSS skills. Land your dream job.

Text Overlaping in Orderd List … Why?

  • Anonymous
    # March 1, 2013 at 11:55 pm

    http://sometimesyoubreakaclarinet.com/project-101/

    Anyone seen this before? I’m not sure why the ordered list is overlapping like that. What do I do to fix it?

    # March 2, 2013 at 12:19 am

    You have a negative margin top in your stylesheet for both ordered and unordered lists.
    ` ul li { margin-left: 23px; margin-top: -10px; }
    ol, ol li { margin-left: 18px; margin-bottom: 0px; margin-top: -10px; margin-right: 0px;
    padding: 0px; list-style: decimal-leading-zero;; }`

    Try replacing your list of margins with this…
    ` margin: 0 0 0 18px;`

    Adjust as necessary!

    Anonymous
    # March 2, 2013 at 12:56 am

    Excellent. Thanks.

    Now I need to figure out why the logo image doesn’t appear on pages but does appear on blogs.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".