Проблема со слоями в CSS
От: kid_mag  
Дата: 26.05.05 07:34
Оценка:
Сделал на сайте динамическое меню с использованием CSS, которе взял из статьи Динамическое выпадающие меню для IE без использования скриптов JavaScript с сайта realcoding.net.
Но, возникла проблема с перектытием слоев. Меню первого уровня находится НАД подменю.
Вот код, используемый в style.css
div#menu {
   font: 10px Verdana, sans-serif;
   height: 15px;
   white-space: nowrap;
   width: 100%;
   position: relative;
   z-index:1;
}

div#menu .a {
   display: inline;
   position: absolute;
   z-index: -1;
   text-decoration: none;
   clip: auto;
}

div#menu .a table {
   position: absolute;
   display: block;
   font: 10px Verdana, sans-serif;
   z-index: 10;
               }

div#menu table, div#menu table a {
   display: none;
}
div#menu .a:hover{
   text-decoration: underline;
   margin-right:0px;

}

div#menu div.menuitem:hover {
   text-decoration: underline;
   margin-right:0px;
   z-index:1;

}

div#menu .a:hover table, div#menu div.menuitem:hover table{
   background: #FFFFFF;
   border: 1px solid #708090;
   display: list-item;
   white-space: nowrap;
   position:relative;
   z-index:1;
}

div#menu .a:hover table a, div#menu div.menuitem:hover table a {
   color: #000000;
   display: block;
   padding: 1px 12px;
   text-decoration: none;
   white-space: nowrap;
   z-index:2;
   position:relative;


}

div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {
   background: #7DA6EE;
   border: 1px solid #000000;
   color: #000000;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   position:relative;
   z-index:2;
}

td {
   border-width: 0px;
   padding: 0px 0px 0px 0px;
}
.menuitem {
   float: left;
   margin: 1px 1px 1px 1px;
   padding: 1px 1px 1px 1px;
}

.menuitem * {
   padding: 0px 0px 0px 0px;
}
#other {
  height: auto;visibility: visible;
}
#moz{
  height: 1px;visibility: hidden;
}
#moz::-moz-cell-content{
  height: auto; visibility: visible;
}
#other::-moz-cell-content{
  height: 1px; visibility: hidden;
}
#holder {
  width: 100%;
}


Помогите разобраться, найти ошибку.
Re: Проблема со слоями в CSS
От: Annet Украина http://annet.dn.ua
Дата: 26.05.05 09:11
Оценка:
а ты уверен в правильности написания:

div#menu .a {
       ^^^^^^^
Re[2]: Проблема со слоями в CSS
От: kid_mag  
Дата: 26.05.05 09:40
Оценка:
Здравствуйте, Annet, Вы писали:

A>а ты уверен в правильности написания:


A>
A>div#menu .a {
A>       ^^^^^^^
A>


Вообще-то, я уже ни в чем не уверен
А что тебя смущает в этой записи?
Re[3]: Проблема со слоями в CSS
От: Mamut Швеция http://dmitriid.com
Дата: 26.05.05 10:13
Оценка:
A>>а ты уверен в правильности написания:

A>>
A>>div#menu .a {
A>>       ^^^^^^^
A>>


_>Вообще-то, я уже ни в чем не уверен

_>А что тебя смущает в этой записи?

Хм. По идее, там должно быть div#menu a. Потому что:


<!--
div#menu .a
-->

<div id="menu"><any_element class="a"></any_element></div>


<!--
div#menu a
-->

<div id="menu"><a href=""></a></div>


Так, в CSS написано:
div#menu .a:hover table a:hover,
         ^       ^--должна быть запятая
                 ^----- если это не a, а .а, то ИЕ не поддерживает :hover
                для других элементов, кроме a
... << RSDN@Home 1.1.4 beta 7 rev. 447>> ... <<Winamp is playing "Robbie Williams — Rock DJ">> ...


dmitriid.comGitHubLinkedIn
Re[4]: Проблема со слоями в CSS
От: kid_mag  
Дата: 27.05.05 09:53
Оценка:
Так у меня так и используется:


<DIV id="menu">
<DIV class="menuitem">
<a class="a" href="/uchenikiprinosyatslavuey/">…-ученики приносят СЛАВУ ей<BR>
    <TABLE>
        <TR>
            <TD><a href="/uchenikiprinosyatslavuey/yuridicheskiyfakultet/">юридический факультет</A></b></TD>
        </TR>
        <TR>
            <TD><a href="/uchenikiprinosyatslavuey/akonomicheskiyfakultet/">экономический факультет</A></b></TD>
        </TR>
        <TR>
            <TD><a href="/uchenikiprinosyatslavuey//fakultetpsihologii/">факультет психологии</A></b></TD>
        </TR>
    </TABLE>
</DIV>
</DIV>
Re[5]: Проблема со слоями в CSS
От: Mamut Швеция http://dmitriid.com
Дата: 27.05.05 10:09
Оценка:
Этаа... Выкидывайте это меню нафиг То, что оно творит в FireFox, просто страшно.

Лучше уж взять FreeStyle Menus (само меню берется здесь)

Ну или xMenu
... << RSDN@Home 1.1.4 beta 7 rev. 447>> ... <<Winamp is playing "Nat King Cole — Perfidia">> ...


dmitriid.comGitHubLinkedIn
Re[6]: Проблема со слоями в CSS
От: kid_mag  
Дата: 01.06.05 15:20
Оценка:
По Вашему совету воспользовался FreeStyle Menus.
Но возникла другая проблема, природа которой мне не понятна.
http://miepp.i-market.ru/main/
Если навсети мышкой на какой-либо раздел высвечиваются подразделы.
Наводим мышой на 1-й,2-й,3-й,4-й разделы и нажимаем на 5-й.
Получается при клике на экран выводятся подменю первых четырех
разделов.
Вопрос: как так?
Re[7]: Проблема со слоями в CSS
От: Mamut Швеция http://dmitriid.com
Дата: 01.06.05 15:33
Оценка:
_>По Вашему совету воспользовался FreeStyle Menus.
_>Но возникла другая проблема, природа которой мне не понятна.
_>http://miepp.i-market.ru/main/
_>Если навсети мышкой на какой-либо раздел высвечиваются подразделы.
_>Наводим мышой на 1-й,2-й,3-й,4-й разделы и нажимаем на 5-й.
_>Получается при клике на экран выводятся подменю первых четырех
_>разделов.
_>Вопрос: как так?

Хм. А у меня подразделы выводятся только при щелчке мышью, показываются правильно. IE6.0, FF 1.0.4
... << RSDN@Home 1.1.4 beta 7 rev. 447>> ... <<Winamp is playing "Alanis Morrisette — You Oughta Know">> ...


dmitriid.comGitHubLinkedIn
Re[8]: Проблема со слоями в CSS
От: kid_mag  
Дата: 01.06.05 16:07
Оценка:
Здравствуйте, Mamut, Вы писали:

M>Хм. А у меня подразделы выводятся только при щелчке мышью, показываются правильно.


Это я там эксперементировал. Сейчас поставил как нада.
Re[7]: Проблема со слоями в CSS
От: Alex Reyst Россия  
Дата: 01.06.05 16:40
Оценка:
Здравствуйте, kid_mag, Вы писали:

_>Вопрос: как так?


Формат списка с описанием меню — строгий, там не ожидается ничего лишнего.

Убери все "style=..." из элементов описания меню <li>, <ul>, <a...>.
Все это должно быть в .css, иначе скрипт сбивается.
Аналогично — элемент <nobr> — убрать.
Все, что здесь сказано, может и будет использоваться против меня...
Re[8]: Проблема со слоями в CSS
От: kid_mag  
Дата: 03.06.05 08:50
Оценка:
Всем спасибо за помощь, все заработало!
Респект!
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.