Вставка элементов LI с помощью jquery выглядит иначе, чем жестко закодированные

Question

У меня есть меню (см. Пример). У этого есть два ряда. Верхний жестко закодирован, нижний вставлен с помощью jquery. Проблема в том, что в верхнем ряду есть некоторый интервал между элементами LI, а в нижнем - нет. Чего мне не хватает?

Пример: http://jsfiddle.net/s3rVg/

Answer 1

Если вы удаляете пробел между верхними элементами списка [li], html также теряет пробел.Как:

<li class="" onclick="/admin/oink;">Oink</li><li class="" onclick="/admin/super;">Piglet</li>

Поскольку это ухудшает HTML, вы также можете посмотреть на это обсуждение .Тем более, что ответом Джона Гранта может быть вариант.

Answer 2

Ответ довольно прост:

Вы вставили пробел в два жестко закодированных <li> элемента.

Посмотрите на это здесь::)

http://jsfiddle.net/s3rVg/2/

Answer 3

В вашем CSS вы написали xmargin: 0 5px 0 0 ;, это неверно и не распознается браузером. Когда вы просто пишете margin: 0;, это удалит пробелы li. Вы всегда должны проверять свой CSS !

Также в вашем коде дважды указан один и тот же идентификатор, но идентификаторы должны быть уникальными для документа.