|
Беда со спрайтамиОбсуждение темы Беда со спрайтами в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В общем замутил менюшку через список, CSS и спрайты. Все ок, при наведении меняется картинка и тд. Но появилась проблемка. В общем нужно, ... |
|
Опции темы |
01.03.2011, 19:16 | #1 |
|
В общем замутил менюшку через список, CSS и спрайты. Все ок, при наведении меняется картинка и тд. Но появилась проблемка. В общем нужно, чтобы при клике по пункту меню открывалась нужная страница + этот пункт оставался подсвеченым. Вооот...
|
|
02.03.2011, 10:03 | #2 |
|
Показывайте HTML+CSS код.
|
|
02.03.2011, 13:22 | #3 |
|
HTML
<ul id="tabs"> <li id="home"> <a href="#ind" title="На главную"></a> </li> <li id="anounce"> <a href="#anounce" title="Объявления"></a> </li> <li id="news"> <a href="#lol" title="Новости сайта"></a> </li> <li id="about"> <a href="#lol" title="О нас"></a> </li> <li id="kabinet"> <a href="#lol" title="Управление"></a> </li> </ul> CSS ul#tabs { position:absolute; left:266px; top:170px; width:747px } ul#tabs li { background: url('../img/headmenu.png') no-repeat; float: left; height: 45px; width: 149px; } ul#tabs li a { display: block; height: 100%; text-indent: -9000px; width: 100%; } ul#tabs li#home { background-position: 0px 0px; width:150px; } ul#tabs li#home:hover { background-position: 0px -51px; } ul#tabs li#home.current, ul#tabs li#home:active { background-position: 0px -100px; } ul#tabs li#anounce { background-position: -149px -0px; } ul#tabs li#anounce:hover { background-position: -149px -51px; } ul#tabs li#anounce.current, ul#tabs li#anounce:active { background-position: -149px -100px; } ul#tabs li#anounce.active {background-position:-149px -100px} ul#tabs li#news { background-position: -298px 0px; } ul#tabs li#news:hover { background-position: -298px -51px; } ul#tabs li#news.current, ul#tabs li#news:active { background-position: -298px -100px; } ul#tabs li#about { background-position: -447px 0px; } ul#tabs li#about:hover { background-position: -447px -51px; } ul#tabs li#about.current, ul#tabs li#about:active { background-position: -447px -100px; } ul#tabs li#kabinet { background-position: -596px 0px; } ul#tabs li#kabinet:hover { background-position: -596px -51px; } ul#tabs li#kabinet.current, ul#tabs li#kabinet:active { background-position: -596px -100px; } Добавлено через 2 минуты в общем надо чтобы по этому меню в некий блок div'a грузилась нужная страница, а пункт меню оставался .current в зависимости от того, по какому кликнули... Последний раз редактировалось DreamKiller; 02.03.2011 в 13:22.. Причина: Добавлено сообщение |
|
02.03.2011, 13:50 | #4 |
|
на каком движке сайт?
|
|
02.03.2011, 13:53 | #5 |
|
|
|
02.03.2011, 14:02 | #6 | |
|
Цитата:
идея в том, что вам необходимо получить от сервера ответ, содержащий переменную с именем (адресом) страницы. и составить условие. К примеру: <li id="home"> <a href="#ind" {if $page_title == main}class="active"{/if} title="На главную"></a> </li> но для этого нужен шаблонизатор, либо делать проверку другим методом. (при условии, что инфа у вас размещена на разных страницах, а не подгружается, скажем, в div style="visibility:hidden") |
|
|
02.03.2011, 14:14 | #7 |
|
с чистого html... Просто в верстке серьезных сайтов я начинающий...
Идея такая. При навигации по меню должно меняться содержимое div'a на этой же странице. А подсветка меню, чтобы пользователь визуально смог определить на какой странице находится... |
|
02.03.2011, 14:20 | #8 |
|
Если я правильно понял, то нужно использовать AJAX.
Добавлено через 3 минуты Или использовать DIV'ы, у которых меняется свойство DISPLAY при выборе соответствующего пункта меню. Последний раз редактировалось Макс-Текс; 02.03.2011 в 14:20.. Причина: Добавлено сообщение |
|
02.03.2011, 14:26 | #9 |
|
|
|
02.03.2011, 14:31 | #10 |
|
vladendark, нет.
С помощью AJAX в DIV подгружается инфа по конкретной странице с сервера, а второй вариант подразумевает, что страница грузит информацию полностью - т.е. по всем пунктам меню и при клике на конкретный пункт меню открывается конкретный DIV. Добавлено через 1 минуту DreamKiller, ответьте, что конкретно требуется в вашем случае. Сделаю вам пример. Последний раз редактировалось Макс-Текс; 02.03.2011 в 14:31.. Причина: Добавлено сообщение |
|
Реклама на форуме
Условия размещения рекламы
Биржа ссылок
Заработай на сайте!
|