Проблема с менюшкой

[dimma111]

Верстаю шаблон под cms , возникла проблема в шаблоне в браузере chrome. Активный пункт меню отображается с острыми углами, а не округленными. при чем в опере все нормально отображается...

Тема закрыта!

Edited August 30, 2012 by dimma111

[Veseloff]

У меня везде одинаково. При чём при наведении углы закругляются.

[dimma111]

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

[Veseloff]

Там есть фон с закруглёнными углами и нет. На :hover он с закруглёными, а на обычное состояние — нет.

[Catherine]

Фон активного пункта задается стилями

.navigation > .sf-menu > li > a:hover, .navigation > .sf-menu > li.active > a, .navigation > .sf-menu > li.sfHover > a {
background: url(../images/nav-act.gif) repeat-x 0 0;
color: white;
text-shadow: 1px 1px 0 #539437;
}

Укажите фон активного левого пункта, например, как-то так

.navigation > .sf-menu > li:first-child.active > a {
background: url(../images/nav-act-left.gif) repeat-x 0 0;
}

[dimma111]

Фон активного пункта задается стилями

.navigation > .sf-menu > li > a:hover, .navigation > .sf-menu > li.active > a, .navigation > .sf-menu > li.sfHover > a {
background: url(../images/nav-act.gif) repeat-x 0 0;
color: white;
text-shadow: 1px 1px 0 #539437;
}

Укажите фон активного левого пункта, например, как-то так

.navigation > .sf-menu > li:first-child.active > a {
background: url(../images/nav-act-left.gif) repeat-x 0 0;
}

Спасибо огромное!=) Подскажи как для последнего сделать так же))

Edited August 30, 2012 by dimma111

[Catherine]

Беру свои слова обратно

У Вас ошибка в стилях.

.sf-menu > #current:first-child a, .sf-menu > li:first-child a:hover {
					background: url(../images/nav-act-left.gif) no-repeat 0 0;
					color: #fff;
					text-shadow: 1px 1px 0 #539437;
				}
				.sf-menu > #current:last-child a, .sf-menu > li:last-child a:hover, .sf-menu > #current.item58 a, .sf-menu > li.item58 a:hover {
					background: url(../images/nav-act-right.gif) no-repeat right 0;
					color: #fff;
					text-shadow: 1px 1px 0 #539437;
				}

Идентификатор #current в меню отсутствует, а есть класс .current

Замените

#current:first-child a
#current:last-child a

на

li.current:first-child a
li.current:last-child a

Edited August 30, 2012 by Catherine

[dimma111]

Беру свои слова обратно

У Вас ошибка в стилях.

.sf-menu > #current:first-child a, .sf-menu > li:first-child a:hover {
					background: url(../images/nav-act-left.gif) no-repeat 0 0;
					color: #fff;
					text-shadow: 1px 1px 0 #539437;
				}
				.sf-menu > #current:last-child a, .sf-menu > li:last-child a:hover, .sf-menu > #current.item58 a, .sf-menu > li.item58 a:hover {
					background: url(../images/nav-act-right.gif) no-repeat right 0;
					color: #fff;
					text-shadow: 1px 1px 0 #539437;
				}

Идентификатор #current в меню отсутствует, а есть класс .current

Замените

#current:first-child a
#current:last-child a

на

li.current:first-child a
li.current:last-child a

Спасибо еще раз!)