X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Активная кнопка меню
Orion11
Orion11
Topic Starter сообщение 10.9.2009, 23:28; Ответить: Orion11
Сообщение #1


Привет) Сижу тут с проблемой, которая уже везде перетёрта, но упёрся в непонятку.

Хочу сделать кнопку меню,чтобы меняла фон при наведении, и при открытой странице была тоже изменённая.У кнопки всего два положения. При наведении и при активной странице фон один и тот же. Так с наведением проблем нет.Навёл-кнопка поменялась, а при активной странице фиг.Причём вроде всё правильно делаю. Вот короч код css почти всего меню.Если чего то не хватает скажите побольше покажу.
#foxmenu{
    position:relative;
    display:block;
    height:25px;
    font-size:14px;
    font-weight:regular;
    font-family:Arial,Verdana,Helvitica,sans-serif;
    }
#foxmenu ul{
    margin:0px;
    padding:10px 20px 0 0;
    list-style-type:none;
    width:auto;
    float:left;
    }
#foxmenu ul li{
    display:block;
    float:left;
    margin:0 1px 0 0;
    width:105px;
    }
#foxmenu ul li a{
    display:block;
    float:left;
    color:#dfdcd6;
    text-align: center;
    text-decoration:none;
    padding:6px 0px 0 0px;
    width: 105px;
    height: 19px;
    background:transparent url(images/li2.gif) no-repeat top right;
    }
#foxmenu ul li a:hover{
    color:#ffc35a;
    background:transparent url(images/li2.gif) no-repeat top left;
    width: 105px; height: 19px;
    text-align: center;
    }

#foxmenu ul li.active {
    color:#ff9600;
    width: 105px;
        height: 19px;
    background:transparent url(images/li2.gif) no-repeat top left;
    }


И код html:
<div id="foxmenu">
    
<ul>
    <li class="active"><a href="#" title="Главная">Главная</a></li>        
    <li class="page_item page-item-2"><a href="index8.html" title="Наши работы">Работы</a></li>
    <li class="page_item page-item-2"><a href="index9.html" title="Цены">Цены</a></li>
    <li class="page_item page-item-2"><a href="index10.html" title="Наши контакты">Контакты</a></li>
    <li class="page_item page-item-2"><a href="index11.html" title="Наши партнёры">Партнёры</a></li>
</ul>

    </div>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 10.9.2009, 23:42; Ответить: Apay
Сообщение #2


#foxmenu li a { пассивная кнопка }
#foxmenu li a:hover, #foxmenu li.active a { активная кнопка }
вместо слов в скобках желаемые стили
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Orion11
Orion11
Topic Starter сообщение 10.9.2009, 23:55; Ответить: Orion11
Сообщение #3


О спасибо огромное) Так и знал мелочёвки какой-нибудь не хватает) Одну букву не дописал)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Кнопка телефона на мобильной версии
0 katuwa 1181 28.9.2019, 20:35
автор: katuwa
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1469 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3416 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1130 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4648 29.11.2017, 11:09
автор: -garmoni-


 



RSS Текстовая версия Сейчас: 25.4.2024, 16:19
Дизайн