Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Карта форума Темы раздела Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.57/21: Рейтинг темы: голосов - 21, средняя оценка - 4.57
0 / 0 / 0
Регистрация: 29.11.2013
Сообщений: 6
1

выделение активного пункта меню

29.11.2013, 19:21. Показов 3912. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Есть данное меню.
HTML5
1
2
3
4
5
6
7
8
9
10
<div id="menu">
    <ul>
        <li class="current"><a href="https://www.cyberforum.ru/index.php">Главная</a></li>
        <li ><a href="https://www.cyberforum.ru/news.php">Новости</a></li>
        <li ><a href="https://www.cyberforum.ru/question.php">Вопросы</a></li>
        <li ><a href="https://www.cyberforum.ru/contacts.php">Контакты</a></li>
        <li ><a href="https://www.cyberforum.ru/rss.php">Рассылка</a></li>                              
    </ul>
  
</div>
К этому меню есть своя таблица стилей

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
{
    margin:0;
    padding:0;
}
body{
    background:#fff;
    color:#666; 
    font:12px/18px Tahoma, Arial, Helvetica, sans-serif;    
}
    #menu{
/*      margin:0 auto;*/
        width:700px;
        height:59px;
        background:url(images/menu_034_bg.jpg) repeat-x;
    }
        #menu ul{
            list-style:none;
            margin:0 auto;
            width:500px;
        }
            #menu li{
                list-style:none;
                display:block;
                float:left;
                height:59px;
                line-height:59px;
            }
                #menu li a{
                    display:block;
                    float:left;
                    color:#a7a7a7;
                    text-transform:uppercase;
                    font-size:11px;
                    font-weight:bold;
                    line-height:59px;
                    text-decoration:none;
                    padding:0 20px;             
                }
                    #menu li a:hover{
                        color:#fff;
                        background:url(images/menu_034_h.jpg) no-repeat bottom;
                    }
                #menu li a.current{
                    display:block;
                    float:left;
                    background:url(images/menu_034_h.jpg) no-repeat bottom;
                    color:#fff;
                    text-transform:uppercase;
                    font-size:11px;
                    font-weight:bold;
                    line-height:59px;
                    text-decoration:none;
                    padding:0 20px; 
                }
                    #menu li a:hover.current{
                        color:#fff;
                    }
Подскажите как сделать, что бы #current использовался на том пункте, где пользователь находиться в данный момент, а не только меню "Главная"

перелопатил многие странички...нигде не смог найти ничего рабочего. Скорее всего что то не верно писал. Если можно разясните поподробнее
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.11.2013, 19:21
Ответы с готовыми решениями:

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

Выделение активного пункта меню
Вопрос простой. Как мне сделать активный пункт меню? Нужно это для класса top-menu. HTML и CSS...

Выделение активного пункта меню цветом
Ребята, вот есть СSS с сайта, которым занимаюсь. Поскажите как выделить цветом пункт меню, на...

Выделение активного пункта меню. Нужен совет!
Доброго времени суток, форумчане! Я в принципе нуб в CSS, помогите решить задачу. Необходимо...

4
26 / 26 / 0
Регистрация: 23.07.2011
Сообщений: 120
29.11.2013, 22:10 2
условие в php создай
если открыта эта страница то тогда этот пункт меню подсвечивать
1
0 / 0 / 0
Регистрация: 29.11.2013
Сообщений: 6
29.11.2013, 22:13  [ТС] 3
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$cur = $_SERVER['PHP_SELF'];
$hrefs = array(
        0 => array(0 => "/index.php",1 => "Главная"),
        1 => array(0 => "/news.php",1 => "Новости"),
        2 => array(0 => "/question.php",1 => "Вопросы"),
        3 => array(0 => "/contacts.php",1 => "Контакты"),
        4 => array(0 => "/rss.php",1 => "Рассылка")
);
?>
<div id="menu">
        <ul>
                <? foreach($hrefs as $href):?>
                        <li <? if($href["0"] == $cur) echo ' class="current"'?> >
                        <a href="<?=$href["0"]?>"><?=$href["1"]?></a></li>
                <? endforeach ?>
        </ul>
</div>


Сделал так, но все равно не подсвечивает!
0
36 / 34 / 10
Регистрация: 01.02.2013
Сообщений: 224
29.11.2013, 22:23 4
PHP
1
2
3
4
5
    <ul id="nav">
            <li><a <? if ($_SERVER['PHP_SELF'] == '/index.php') echo 'class="current"'; ?> href='index.php'>Главная</a></li>
            <li><a <? if ($_SERVER['PHP_SELF'] == '/news.php') echo 'class="current"'; ?> href="news.php">Новости</a></li>
            <li><a <? if ($_SERVER['PHP_SELF'] == '/question.php') echo 'class="current"'; ?> href="question.php">Воспросы</a></li>
        </ul>
1
0 / 0 / 0
Регистрация: 29.11.2013
Сообщений: 6
29.11.2013, 22:27  [ТС] 5
Благодарю !
0
29.11.2013, 22:27
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
29.11.2013, 22:27
Помогаю со студенческими работами здесь

Выделение пункта меню при наведении - только текст или весь блок пункта
Всем привет.Есть меню, при наведении появляется hover но он идет строго по тексту... Можно ли его...

Подсветка активного пункта меню
Доброго времени суток! Народ помогите сделать подсветку активного пункта меню, пробовал через...

Рамка для активного пункта меню
&lt;li class =&quot;lis1&quot;&gt;&lt;a href=&quot;#home&quot;&gt;Home&lt;/a&gt;&lt;/li&gt; &lt;li class =&quot;lis1&quot;&gt;&lt;a...

Выделение активного меню
Не получается сделать, чтобы ссылка была другого стиля, если она активная. Гугл дает массу инфы - а...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru