Geek Answers Handbook

CSS in Chrome: I cannot delete a field using <li>

Do you know why I can’t remove the margin from my <li> elements in Google Chrome? Google Chrome always adds a specific stock to my list, even when I write code with a specific stock. Here is the CSS and HTML code:

 #NavLeftList { height: 57 % ; width: 15 % ; position: absolute; top: 23 % ; border-style: none; background: url(images / heaven.jpg); margin: 0px } #NavLeftList ul { margin-left: 11 % ; } #NavLeftList ul li { text-align: center; width: 170px; list-style-type: none; text-decoration: none; margin: 10px 0px 0px 0px; padding: 1px; } #NavLeftList li a { height: 35px; padding: 10px 0px 0px 0px; text-decoration: none; color: #fff; background: url(images / tabright.gif); display: block } #NavLeftList li a span { padding: 0px } #NavLeftList li a: hover { color: #7EC0EE; }

I did not embed the HTML code here, as it appeared weird.

+4
source share
5 answers

What you see is not a border on li s, its indentation on ul .

Remove the ul s add-on.

+8
source

try list-style-position:inside; on li . This probably leaves space to be filled by the bullet, even if you set list-style-type:none;

+1
source

Try to install

 body{margin: 0;}

or find the contained element for NavLeftList and set this element marker to 0.

0
source

Try CSS for UL

 ul { list-style: none; }
0
source

Try using the reset.css file, which will reset all the "default" (and therefore different) implementations of paddings and fields in different browsers.

Example: CSS Reset

-2
source

More articles:


All Articles