Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Issues with unordered list placement and can’t get to validate.

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #33818
    pittles78
    Participant

    I am asking this again, because I can’t make sense of the previous answer I got. My unordered list inside .mini_nav has padding on both top and left when viewed, but I don’t see any code that I wrote giving it this. It should sit all the way to the top and left of the div.

    Please advise.

    Here is a link to the code:

    http://pittsells.com/F497_full_css.htm

    **the ul in question is in the lower right of the listing.

    I also can’t get this to validate. It has 5 errors on W3 and I don’t know how to fix them.

    #84587
    wolfcry911
    Participant

    its a browser default. Lists are indented with either padding (gecko, webkit) or margin (IE). Just simply set the left-margin and left-padding to 0 for that list

    .mini-nav .mini { padding-left: 0; margin-left: 0; }
    .mini li { clear: left; /* or width: 100%; either will work */ }
    #84592
    pittles78
    Participant

    Thank you very much for your help! I am learning so many new things.

    #84603
    jjkktr
    Member

    Always use reset css for overriding basic behavior of css.

    html, body, body *{margin:0; padding:0;}

    #84613
    wolfcry911
    Participant

    Don’t use a reset

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.