менюха скачет

[Kos87]

проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?".

в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>.

вот CSS:

a.menu{text-decoration:none; color:#ff6414;}
a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;}
a.menu:visited{color:#ff6414;}
a.menu:hover{text-decoration:none;color:#14cb06;}

вот XHTML 1.0:

<div id="navigation">
	<a href="index.html" class="menu_on">Главная</a> 
	<a href="products.html" class="menu">Продукция</a> 
	<a href="why.html" class="menu">Почему мы?</a> 
	<a href="" class="menu">Полезно знать!</a> 
	<a href="contact.html" class="menu">Контакты</a> 
</div>

вот сама заготовка http://help-team.com.ua/mp/products.html

буду признателен за помощь!

[shvv]

проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?".

Не понял, что значит скачет.

Если имеется ввиду сдвиг влево, то вроде он же и задан отступом.

[Kos87]

идет смещение вниз

[psywalker]

проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?".

в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>.

вот CSS:

a.menu{text-decoration:none; color:#ff6414;}
a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;}
a.menu:visited{color:#ff6414;}
a.menu:hover{text-decoration:none;color:#14cb06;}

вот XHTML 1.0:

<div id="navigation">
	<a href="index.html" class="menu_on">Главная</a> 
	<a href="products.html" class="menu">Продукция</a> 
	<a href="why.html" class="menu">Почему мы?</a> 
	<a href="" class="menu">Полезно знать!</a> 
	<a href="contact.html" class="menu">Контакты</a> 
</div>

вот сама заготовка http://help-team.com.ua/mp/products.html

буду признателен за помощь!

Всё отлично работает, в чём проблема?

[shvv]

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

Т.е. class="menu menu_on". А вообще класс menu нужно просто заменить свойством элемента a.

[Kos87]

как бы так обьяснить ....

если посмотреть положение активного пункту меню и неактивного (на этой странице и на другой какой-нить) то идет смещение не только вправо на 40пикселей, но и вниз (когда на этой странице). И вот я не пойму куда копать ....

[psywalker]

Тебе вот этот блок ничего не говорит:

.menu {
display:block;
padding:7px 0 7px 20px;

[Kos87]

Тебе вот этот блок ничего не говорит:

.menu {
display:block;
padding:7px 0 7px 20px;

это стандартное свойство <a>??

[psywalker]

это стандартное свойство <a>??

Не <a>, а <a> с классом .menu, когда происходит актив, класс меняется на .menu_on

[shvv]

как бы так обьяснить ....

если посмотреть положение активного пункту меню и неактивного (на этой странице и на другой какой-нить) то идет смещение не только вправо на 40пикселей, но и вниз (когда на этой странице). И вот я не пойму куда копать ....

А не пробовал сделать, как я сказал?

[Kos87]

Тебе вот этот блок ничего не говорит:

.menu {
display:block;
padding:7px 0 7px 20px;

psywalker прав

я протупил, написал клас и забыл за него

ржу

Edited November 22, 2009 by Kos87

[psywalker]

psywalker прав

Ещё бы