CSS Горизонтальное меню

[die_frage]

Привет друзья!

У меня вот такая проблема:

Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню.

Вот код CSS:

*{
	margin:0;
	padding:0;
}
.page{
	margin:0 auto;
	width:905px;


}
ul{
	list-style:none;
	width:100%;
	height:40px;
	background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x;
}
ul li{
	float:left;
	border-right:1px solid #333;
}
ul li a{
	display:block;
	height:40px;
	padding:0 35;
        float:left;
	text-transform: uppercase;
	font:100%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
	color:#fff;
	text-decoration:none;
	text-align:center;
}
ul li a:hover, 
ul li.active a{
	background:url(http://ru.intek.az/bg-button.gif) top left repeat-x;
color:#fff;
}

Когда я меня параметр

padding:0 35;

на

padding:0 0;

меню сдвигается в лева, но между текстом вообще не остается отступов ( А цвет не активной ссылки (шрифта) вообще никак сменить не могу.

Помогите пожалуйста, буду очень признателен.

[olechic]

попробуй так. только не забудь вставить цвет при наведении и расстояние

*{
        margin:0;
        padding:0;
}
.page{
        margin:0 auto;
        width:905px;


}
ul{
        list-style:none;
        width:100%;
        height:40px;
        background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x;
}
ul li{
        float:left;
        border-right:1px solid #333;
}
ul li a{
        display:block;
        height:40px;
        padding-left: 2px; /*Это расттояние между ссылками*/
        float:left;
        text-transform: uppercase;
        font:100%/40px Helvetica,"microsoft sans serif",arial,sans-serif;
        color:#fff;
        text-decoration:none;
        text-align:center;
}

ul li.active a{
        background:url(http://ru.intek.az/bg-button.gif) top left repeat-x;
		color:#fff;
		}
ul li a:hover{
 color: здесь указать цвет при наведении;
}		

ul li a:first-child{
		padding-left: 0px;
}

Edited July 16, 2012 by olechic

[die_frage]

Спазибо за ответ, чуть позже проверю и отпишусь.

[USF]

  Quote

Когда я меня параметр

padding:0 35;

на

padding:0 0;

неплохо бы единицы измерения указывать. в нулем не обязательно, но при единицах отличных от нуля нужно.

[die_frage]

  On 7/16/2012 at 6:23 AM, olechic said:

попробуй так. только не забудь вставить цвет при наведении и расстояние

ul li a:hover{
 color: здесь указать цвет при наведении;
}		

ul li a:first-child{
		padding-left: 0px;
}

С цветом при наведении проблем нет, он меняется и так. проблема в статичной ссылке. Можете посмотреть на самом сайте ru.intek.az цвет синего цвета и не меняется.

padding-left: 0px;

частично исправляет проблему с отступами но только не на первой кнопке, можете так же на сайте посмотреть, кнопка HOME при на ведении курсора не вся меняется.

[die_frage]

Всем спасибо! Проблема решилась! )

Цвет добавил так:

ul li a:first-child{
                padding-left: 30px;
                padding-right: 30px;
                color:#ffffff;
                text-decoration:none;
}

А отступы в меню были из за того что картинку на сайт не правильно разместил )

Тему можно закрыть )