CODEWITHSUNDEEP
cssuser-agent
n0obiscuitz
n0obiscuitz

Reputation: 573

CSS - how to get rid of user agent CSS?

My site's menu is a list created by ul/li syntax. I have already deleted all CSS lines about the menu list but it still look like this, which the bulletin dots show up weirdly on the last character of the menu item text. I'm getting crazy to deal with this.

enter image description here

enter image description here

Why is this happening in IE/Google Chrome?

edit: Thanks for your help. but after the reset, the list is not aligned vertically. It looks like this, and if i add list-style-type:none to the li element again, the dots just appear again. enter image description here

Upvotes: 1

Views: 2208

Answers (3)

Ankush
Ankush

Reputation: 330

Try to use a CSS Reset, it will override the default styles.

e.g. of reset is given at this page http://meyerweb.com/eric/tools/css/reset/

Upvotes: 0

Dai
Dai

Reputation: 155726

Use Reset.css to neutralize all cross-browser differences, however the problem you're describing in Chrome is probably; be caused by your -webkit-padding-start property.

Upvotes: 0

Paul Fleming
Paul Fleming

Reputation: 24526

You need to override the user agent styles. To remove the dot, override the list-style-type

ul {
    list-style-type: none;
}

Upvotes: 5

Related Questions