-
Суть проблеммы такова. Необходимо сделать меню с помощью дивов.[*] не подходит.
Когда делаю тестовый файл где есть только меню то все работает
Код:
<div class="menu_left">
****
****<div class="level2">
*
*
*<div class="level3">
*****[Only registered and activated users can see links. Click Here To Register...]
*****[Only registered and activated users can see links. Click Here To Register...]
*</div>
*
*
****</div>
****
****
****
</div>
Собственно CSS файл
Код:
.menu_left a{
* *color: #666666;
}
.menu_left a:hover{
* *color: BLACK;
}
.plus{
* *background: url('/themes/default/images/square_1.gif') no-repeat 0px 2px;
****overflow: hidden;
****display: inline-block;
****float: left;
}
.arrow{
* *background: url('/themes/default/images/square_2.gif') no-repeat 0px 2px;
}
.arrow_down{
* *background: url('/themes/default/images/square_3.gif') no-repeat 0px 2px;
}
a.noselroot{
* *left: 15px;
* *position: relative;
}
a.selroot{
* *left: 15px;
* *position: relative;
* *font-weight: bold;
}
a.nosel{
* *left: 15px;
* *position: relative;
}
a.sel{
* *left: 15px;
* *position: relative;
* *font-weight: bold;
}
.level2{
* *padding-left: 15px;
}
.level3{
* *padding-left: 15px;
}
.level4{
* *padding-left: 15px;
}
.level5{
* *padding-left: 15px;
}
.level6{
* *padding-left: 15px;
}
.level7{
* *padding-left: 15px;
}
Все работает хорошо, но когда вставляю в страницу этот код, то пропадают графические элементы перед первым пунктом меню, причем, это происходит только в IE в опере и firefox все нормально.
Примерная иллюстрация того как пропадает (затер только названия разделов)
[Only registered and activated users can see links. Click Here To Register...]
Помогите пожалуйста с этим меню!
Заранее огромное спасибо!
-
первые замечание, юзаете css+div, юзайте xhtml, соответственно берите классы в крвычки в коде, так же юзайте элементы семантически верно, тогда будет меьше таких проблем. отмечу, что слишком запутан код, слищком много классов ненужных. часика через 2 освобожусь и посмотрю внимательнее код. а почему нельзя списком меню?
З.Ы. Меню так должно выглядетЬ?? [Only registered and activated users can see links. Click Here To Register...]
Код:
Menu item 1Sub menu item 1
Sub menu item 2
Sub sub menu item 1
Sub sub menu item 2
Sub menu item 3
Sub menu item 4
Menu item 2 Menu item 3 Menu item 4
-
Использовать список не получится потому как движок использует AJAX и он так спрограммирован, что использовать списки не получится.
Цель такая - сделать трехуровневое меню.
-
Скорее всеего в шаблоне есть другие блоки или же вставляешь в уже существующий блок. Проверь повнимательнее код. Можно, например открыть не исходник, а view source и там искать баг.
-
короче, времени ща совсем нету разбирать код, но по тому что увидел, предложу загнать, каждый сгенерированный div (пункт меню) в родительский с фиксированной шириной, следующий будет падать ниже, для подпунктов классом повыставлять паддинги необходимые, а все точки загнять бэкграундом в эти div'ы
