Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Беда со спрайтами

Обсуждение темы Беда со спрайтами в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; В общем замутил менюшку через список, CSS и спрайты. Все ок, при наведении меняется картинка и тд. Но появилась проблемка. В общем нужно, ...


Закрытая тема
 
Опции темы
Старый 01.03.2011, 19:16   #1
В общем замутил менюшку через список, CSS и спрайты. Все ок, при наведении меняется картинка и тд. Но появилась проблемка. В общем нужно, чтобы при клике по пункту меню открывалась нужная страница + этот пункт оставался подсвеченым. Вооот...
 
Старый 01.03.2011, 19:16
Ссылки
Старый 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
Цитата:
Сообщение от vladendark Посмотреть сообщение
на каком движке сайт?
Сам рисую...
 
Старый 02.03.2011, 14:02   #6
Цитата:
Сам рисую...
сам двиг пишете? или чистый html?
идея в том, что вам необходимо получить от сервера ответ, содержащий переменную с именем (адресом) страницы. и составить условие.
К примеру:

<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
Цитата:
Сообщение от Макс-Текс Посмотреть сообщение
Если я правильно понял, то нужно использовать AJAX.

Добавлено через 3 минуты

Или использовать DIV'ы, у которых меняется свойство DISPLAY при выборе соответствующего пункта меню.
при помощи первого меняется второе ))

копайте в сторону табов
 
Старый 02.03.2011, 14:31   #10
vladendark, нет.
С помощью AJAX в DIV подгружается инфа по конкретной странице с сервера, а второй вариант подразумевает, что страница грузит информацию полностью - т.е. по всем пунктам меню и при клике на конкретный пункт меню открывается конкретный DIV.

Добавлено через 1 минуту

DreamKiller, ответьте, что конкретно требуется в вашем случае.
Сделаю вам пример.

Последний раз редактировалось Макс-Текс; 02.03.2011 в 14:31.. Причина: Добавлено сообщение
 
Старый 02.03.2011, 14:31
Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Тарифный план «Lite»
Место: 1000 Мб
Трафик: неограниченный
Панель управления
Заказать ТП «Lite»
Тарифный план «Normal»
Место: 2000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Normal»
Тарифный план «Profy»
Место: 7000 Мб
Трафик: неограниченный
Поддержка скриптов
Заказать ТП «Profy»
Тарифный план «Места хватит!»
Место: 25 ГБ
Трафик: неограниченный
Поддержка SSI, ssh
Заказать ТП «Места хватит!»
Дизайнерский форум