кнопка меню ( текущая страница выделяется цветом)

[cardsmoney]

Друзья!

Прошу помоч сделать красивое меню (см картинку)

т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует

как это сделать??

вот код который сейчас

<div id="menu">

<!--k1 . k2 и k3 это кнопки меню-->

<div id="k1">

<p><a href="#">главная</a></p>

</div>

<div id="k2">

<p><a href="#">фото</a></p>

</div>

<div id="k3">

<p><a href="#">обо мне</a></p>

</div>

</div>

css

#k1

{

background:url(img/k1.png);

}

#k1 a

{

width:56px;

height:21px;

display:block

}

[Izyum97]

Для 3 кнопок нужно сделать 6 рисунков: 2 для каждой кнопки. Первый - не выделено, второй - выделено.

И в итоге в код вставить:

/* пример для одной кнопки */

.k1 {

background: url('k1.gif');

}

.k1sel {

background: url('k1sel.gif');

}

/* тот же пример, только для цветов */

.k1 {

background: green;

}

.k1sel {

background: white;

}

[psywalker]

Держи дружище, я знал, что ты появишься http://psywalker.ru/Forum/Menu/10/menu/main-page.html

[cardsmoney]

СПАСИБо!!!1

[cardsmoney]

Izyum97

Всё это конечно здорово, но не получаеться

Пишу так:

#k2 {

background: url('img/k2.png');

}

#k2sel {

background: url('img/k2sel.png');

}

psywalker

а у вас я так понимаю цвет меню номер два обеспечиватьеся за счёт класа "page". который соответствует только этом пункту меню.

или я не прав? ражуйте подробнее пожалуйста..

вобщем вопрос пока актуален..

[psywalker]

Izyum97

Всё это конечно здорово, но не получаеться

Пишу так:

#k2 {

background: url('img/k2.png');

}

#k2sel {

background: url('img/k2sel.png');

}

psywalker

а у вас я так понимаю цвет меню номер два обеспечиватьеся за счёт класа "page". который соответствует только этом пункту меню.

или я не прав? ражуйте подробнее пожалуйста..

вобщем вопрос пока актуален..

Да, всё верно, класс .page является активной страницей, а следовательно пунктом. И ему уже заданы другие свойства, нужные именно для этого класса.

[cardsmoney]

Да, всё верно, класс .page является активной страницей, а следовательно пунктом. И ему уже заданы другие свойства, нужные именно для этого класса.

...так а как задать чтобы к активной странице применялся этот класс .page?

[psywalker]

...так а как задать чтобы к активной странице применялся этот класс .page?

Я лично его менял сам на каждой странице. Но в твоём случае походу ПХП может выручить.

[gesandte]

Тема поднималась здесь

Пользуйтесь поиском.

+функция на explode

Edited January 9, 2010 by gesandte