CSS блоки a перемещаются вправо, когда заключены в теги ul, li, / li - PullRequest
Новая
       2

CSS блоки a перемещаются вправо, когда заключены в теги ul, li, / li

3 голосов
/ 17 июня 2011

Я использую комбинацию тегов ul и li для меню, и я использую поле отображения и цвет фона для отображения его в виде кнопок, проблема в том, как только я заключаю теги a с помощью li, кнопки, кажется, смещаются вправо немного похоже на отступ или что-то в этом роде.

Я пытался 

list-style: none;

, но это не работает, может кто-нибудь предложить решение этой проблемы ..

Спасибо, любая помощь будетцениться

Спасибо всем за усилия +1 ко всем ответам

Ответы [ 4 ]

9 голосов
/ 17 июня 2011

Установите padding-left и margin-left на ul на 0.

4 голосов
/ 17 июня 2011

Вы сбросили поля по умолчанию и стили заполнения? 

ul,li {
margin:0;
padding:0;
}
2 голосов
/ 17 июня 2011

Вы должны проверить поля и отступы элементов UL и LI и установить для них определенное значение.Например: 

margin: 0;
padding: 5px;

UL обычно оформляется для отображения с отступом слева, хотя в некоторых браузерах это может быть также LI (я полагаю).

В Firefox (с Firebug), Chrome и IE9, вы можете проверить примененные стили, используя доступные инструменты разработчика.Это действительно помогает понять, где такие проблемы возникают в отображаемых элементах.

http://getfirebug.com/html

Кроме того, на случай, если вы этого раньше не видели, посмотрите на блочную модель.:

http://www.w3.org/TR/CSS2/box.html

1 голос
/ 17 июня 2011
Элементу

A ul и / или li будет задано поле по умолчанию и / или заполнение браузером. Попробуйте добавить margin: 0; padding: 0 к вашему ul, li {}.

Более того, используйте CSS Reset, чтобы избавить вас от хлопот с этим и многими другими элементами. Я рекомендую это: http://meyerweb.com/eric/tools/css/reset/

...