отступы и поля для CSS <li>просто НЕ РАБОТАЮТ - PullRequest
Новая
       40

отступы и поля для CSS <li>просто НЕ РАБОТАЮТ

1 голос
/ 11 августа 2010

Я работаю над этим сайтом, и у меня есть довольно большой документ .css. По какой-то причине я не могу получить для этих элементов списка отступы или поля, отличные от 0px.

Понятия не имею, откуда это наследуется и почему я пишу 

{
margin: 5px;
padding: 5px;
}

ничего не делает!

Вот сайт , я имею в виду элемент действительно уродливый, ярко-зеленый, с классом ".wiffleMainNav ul li."

Правило CSS находится внизу связанной таблицы стилей.

Большое спасибо!

аза

Ответы [ 3 ]

6 голосов
/ 11 августа 2010

В вашем определении запятая.

Измените 

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px, /* PROBLEM! :) */
    margin: 0px 2px;
    background: green;
}

На это 

.wiffleMainNav ul li {
    display: block;
    float: left;
    padding: 5px; /* FIXED */
    margin: 0px 2px;
    background: green;
}
4 голосов
/ 11 августа 2010

У вас есть запятая в конце строки заполнения: 

padding: 5px,
margin: 0px 2px;
0 голосов
/ 12 августа 2010

Ваш CSS использует это:

.wiffleMainNav ul li {display: block;плыть налево;отступ: 5px, отступ: 0px 2px;фон: зеленый;}

Обратите внимание на запятую после "padding: 5px" вместо точки с запятой.

...