<li> — отступ

[Twilight_Sparkle]

Нужно убрать отступ который показан на рисунке ниже.

Собственно сам код:

.Menu {
 background: #222120;
 border-left: solid 1px #4d4b48;
 border-right: solid 1px #4d4b48;
 border-bottom: solid 1px #4d4b48;
 padding: 5px;
 width: 200px;
 margin: 0px;
}

Пробывал вставлять float:left, но толку нету, только ломает дизайн.

Красной рамкой отмечен отступ

[Gaspode]

Кода маловато, дайте весь код меню: и разметку, и стили.

[Twilight_Sparkle]

До меня дошло, как нужно делать!

li.Menu {

background: #222120;

border-left: solid 1px #4d4b48;

border-right: solid 1px #4d4b48;

border-bottom: solid 1px #4d4b48;

padding: 5px;

width: 200px;

margin: 0px;

}

.Menu a {

display: block;

}

li.Menu:hover {

background: #4d4b49;

border-left: solid 1px #4d4b48;

border-right: solid 1px #4d4b48;

border-bottom: solid 1px #4d4b48;

padding: 5px;

}

ul.Menu {

margin: 0px;

padding: 0px;

}

Спасибо тем, кто старался мне помочь ;D

Edited November 22, 2011 by Twilight_Sparkle

[ceil100]

list-style:none

type: none;- что это за свойство?

Edited November 22, 2011 by ceil100

[Twilight_Sparkle]

list-style:none

type: none;- что это за свойство?

list-style:none - Она жирные точки убирает в начале каждой строки

type: none; - мой бред в голове)

Edited November 22, 2011 by Twilight_Sparkle

[7ion]

list-style:none

type: none;- что это за свойство?

list-style:none - Она жирные точки убирает в начале каждой строки

type: none; - мой бред в голове)

В мультике эта пони чутка поумней

Вам ненавязчиво намекнули, что вы видимо случайно сделали перенос строки, а потом машинально везде дописали none.

Свойство убирающее сугубо "точки" это list-style-type - http://htmlbook.ru/css/list-style-type

Edited November 22, 2011 by 7ion