Why is my unordered list not sitting to the left?

[pittles78]

Hi,

I have an eBay listing that I’m creating and it’s almost done, but I want the .mini_nav to align left within it’s div and it is floating in the middle.

Here is a link:

http://pittsells.com/F497_full_css.htm

and a picture:

Bad UL

Any help would be appreciated,
Jon

[KarimCossutti]

there is patting on the UL class=”mini”, remove it then set clear: both on the LI’s.
:)

[pittles78]

I’m not sure what padding you are referring to. If I set clear: both on the LI’s it messes with my top UL. Can you paste which padding you see, because I don’t see it?

[clokey2k]

“User Agent” styling. See http://cssresetr.com/, Chris linked to it a while back;

A browsers has some preset styles already. A reset will remove all/most of them. Be wary however as if you have been marking up without a reset other things can/will change.

Get a Reset -> drop the ‘float: left’ from ‘.mini li’, ‘.mini a’ and ‘ul li’. You little menu will look just right, but a lot of other things will appear incorrect (main menu and a lot of other positioning).

I believe there are still a few basics you need to cover with HTML / CSS. You may be using a few too many floats :)

[Author]

Posts