Стили у меню
 

Есть такая задача:
меню из 6 пунктов. В активном состоянии на пункт меню налаживается плашка белого цвета.
Нужно сделать:
При наведении на другой пункт меню (не текущий)
выделение (плашка) уезжают на него.Если убрать мышь с наведенного пункта, выделение возвращается на позицию текущего пункта.

Как можно такое сделать?

А какие идеи у вас на этот счёт имеется? Начинайте, а я подхвачу.

Думаю, что нужно каждому пункту присвоить id, потом обрабатывать по onmouseover onmouseout

Но вот как правильно это сделать не совсем понимаю...

ну допустим

<div style="background-color: #FFF;" onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'">наведи на меня</div>

А можно узнать что за плашка? Я так и не понял.

<ul class="topmenu">
				<li><a href="" title="">Главная</a></li>
				<li class="active"><a href="" title="">О компании</a></li>
				<li><a href="" title="">Новости</a></li>
				<li><a href="" title="">Склад-онлайн</a></li>
				<li><a href="" title="">Вопрос-ответ</a></li>
				<li><a href="" title="">Контакты</a></li>
			</ul>

Вот так у меня выглядит меню. Этот вариант не подойдет

Что за: "налаживается плашка белого цвета" ?

Стили для этого меню:

.topmenu li:hover {
	background: url('images/gb_m.gif') center bottom no-repeat;
}
.active {
	background: url('images/gb_m.gif') center bottom no-repeat;
}
.active a{
	color: #0054a6;
	background: #fff;
	text-decoration: underline;
}
.topmenu li:hover a{
	color: #0054a6;
	background: #fff;
	text-decoration: underline;
}

прям плавно уезжает ? Что-то, мне кажется, тут нужен jquery, либо раздел "Работа".
Skipp,
Плашка имеется ввиду, как я понял, background, "плашка" - векторная фигура.

плавно не должно, только пропадать и появляться

kiwwwi,
Skipp Вам показал, просто расставьте во все li-элементы style="background-color: #FFF;" onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"

хороше, как тогда будет пропадать и появлять бекграунд у активного элемента?

kiwwwi,
никак

зачем тогда предлагал выше написанный код?

kiwwwi,
наверно я не понял про какой активный элемент говорили)

Skipp,
и я пропустил)

<ul class="topmenu" style="width: 100px">
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Главная</a></li>
				<li class="active" style="background-color: #789"><a href="" title="">О компании</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Новости</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Склад-онлайн</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Вопрос-ответ</a></li>
				<li onmouseover="this.style.backgroundColor='#0FF'" onmouseout="this.style.backgroundColor='#FFF'"><a href="" title="">Контакты</a></li>
			</ul>

class="active" без событий

я понял, но не подходит. У меня активный элемент тоже имеет background и он должен исчезать при наведении на другие ссылки и пояляться если мы не наводим на другие ссылки

Ответы на все вопросы найдутся здесь. Нужно только чуть-чуть заморочится:)
Алгоритм, видимо, такой:
Про наведении на li сравниваем его позицию с позицией div'а. Если они равны, то ничего не делаем. А если не равны, то запоминаем текущую позицию div'а, и двигаем его к нужному li. А если mouseout - возвращаем div на исходную.

или дустанавливай в событиях visibility: hidden для активного элемента списка.