Верстка горизонтального меню

[Smart_Bomber]

Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи

body {	margin: 0;	padding: 0;	width: 100%;}.menu {	list-style: none;}.menu li {	text-align: center;	width: 14.28%;	margin-left:0; 	margin-right: 0;	padding:0 0;	background: #E0EEEE;	float: left;	font-size: 32px;	font-family: Calibri;}.menu a {	text-decoration: none;	color: #000;	display: block;}.menu a:hover{	background: #C1CDCD;	transition-property: background;	transition-duration: 0.5s;}.main  {        display: block;        width: 100%;        overflow: hidden;}

[Светлана Г.]

Можно предположить, что какие-то дефолтовые padding/margin. 

[Vicos]

Так же скажу что дефолтные значения присутствуют, вот если бы к примеру показал свой код  на http://jsfiddle.net/ то можно было бы увидеть в инспекторе кода.

[mrnobody]

У .menu установите свойство padding-left: 0; По умолчанию у нумерованного / ненумерованного списков задается padding-left;

Edited December 15, 2013 by mrnobody

[Smart_Bomber]

Так же скажу что дефолтные значения присутствуют, вот если бы к примеру показал свой код  на http://jsfiddle.net/ то можно было бы увидеть в инспекторе кода.

http://jsfiddle.net/ZZynx/2/

Вот, вроде бы так

Исправить ошибку удалось добавив margin-left в три процента и width 103%

Но по-моему это не совсем нормальное решение проблемы 

Edited December 15, 2013 by Smart_Bomber

[mrnobody]

Понял. Я подумал что класс .menu присвоен элементу UL.

http://jsfiddle.net/ZZynx/4/

.menu ul {  padding: 0;  list-style: none;}

Edited December 15, 2013 by mrnobody

[Smart_Bomber]

У .menu установите свойство padding-left: 0; По умолчанию у нумерованного / ненумерованного списков задается padding-left;

Не помогло

 

Понял. Я подумал что класс .menu присвоен элементу UL.

http://jsfiddle.net/ZZynx/4/

.menu ul {  padding: 0;  list-style: none;}

Ура, заработало!!! Спасибо