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

[pittles78]

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.

[wolfcry911]

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 */ }

[pittles78]

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

[jjkktr]

Always use reset css for overriding basic behavior of css.

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

[wolfcry911]

Don’t use a reset

[Author]

Posts