Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 4 Ответов
  • 2295 Просмотров
*

dr_gonzales

  • Захожу иногда
  • 106
  • 3 / 0
бьюсь четвертые сутки =(.
шаблон siteground-j15-80
сss меню, которое выводится слева:
/*LEFT COL LINK*/
#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
        font-weight: 400;
        font-size: 11px;
        line-height: 18px;
        height: 18px;
        padding: 0 0 0 10px;
        text-decoration: none;
        color: #5C707C;
        background: url(../images/menu_row.gif) center left no-repeat;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
        color: #cd2b15;
        background: url(../images/menu_row_hover.gif) center left no-repeat;
}

/*LEFT COL CURRENT LINK*/
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link,
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
        padding: 0 0 0 10px;
        color: #cd2b15;
        background: url(../images/menu_row_hover.gif) center left no-repeat;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {

}

/*LEFT COL SUB LINK*/
#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link {
        font-weight: 400;
        font-size: 11px;
        line-height: 18px;
        height: 18px;
        padding: 0 0 0 20px;
        text-decoration: none;
        color: #5C707C;
        background: url(../images/submenu_row.gif) center left no-repeat;
}

#leftcolumn ul.menu li ul li#current a, #leftcolumn ul.menu li ul li#current a:link, #leftcolumn ul.menu li ul li#current a:visited, #leftcolumn ul.menu li ul li#current a:hover {
        padding: 0 0 0 20px;
        color: #cd2b15;
        background: url(../images/submenu_row_hover.gif) center left no-repeat;
}

#leftcolumn ul.menu li.parent ul li a {
        font-size: 11px;
        font-weight: 400;
        line-height: 18px;
        height: 18px;
        padding: 0 0 0 20px;
        color: #5C707C;
        background: url(../images/submenu_row.gif) center left no-repeat;
        text-decoration: none;
}

#leftcolumn ul.menu li.parent ul li a:hover {
        color: #cd2b15;
        background: url(../images/submenu_row_hover.gif) center left no-repeat;
}
/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
        margin: 0;
        padding: 0;
}

#leftcolumn ul.menu li#current ul li {
        margin: 0;
        padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
        margin: 0;
        padding: 0;
}

#leftcolumn ul.menu li#current ul li a:hover {
        color: #cd2b15;
        background: url(../images/submenu_row_hover.gif) center left no-repeat;
}

#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
        list-style: none;
}
подскажите, пожалуйста, как описать меню 3-го уровня?
буду очень благодарен
*

dr_gonzales

  • Захожу иногда
  • 106
  • 3 / 0
* ушел учить CSS
« Последнее редактирование: 26.01.2012, 22:43:07 от dr_gonzales »
*

dr_gonzales

  • Захожу иногда
  • 106
  • 3 / 0
Решение почти найдено =),
может кто-нибудь укажет на ошибки?
описание меню 3-го уровня:

*LEFT COL SUB SUB LINK*/
#leftcolumn ul.menu > li > ul > li > ul > li {
        font-weight: 400;
        font-size: 11px;
        line-height: 18px;
        height: 18px;
        padding: 0 0 0 10px;
        text-decoration: none;
        color: #5C707C;

}
#leftcolumn ul.menu li ul li ul li#current a, #leftcolumn ul.menu li ul li ul li#current a:link, #leftcolumn ul.menu li ul li ul li#current a:visited, #leftcolumn ul.menu li ul li ul li#current a:hover {
        padding: 0 0 0 20px;
        color: #cd2b15;

}

#leftcolumn ul.menu li.parent ul li ul li a {
        font-size: 11px;
        font-weight: 400;
        line-height: 18px;
        height: 18px;
        padding: 0 0 0 20px;
        color: #5C707C;

        text-decoration: none;
}

#leftcolumn ul.menu li.parent ul li ul li a:hover {
        color: #cd2b15;

насколько я знаю, IE 6 не понимает эту запись leftcolumn ul.menu > li > ul > li > ul > li, и, соответственно криво отображает выводимое меню; в мозиле, опере, ИЕ 8 все ок.
народ, ну помогите же!
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Может это поможет.
Правда в Ваших сообщениях так и не прозвучал ни один вопрос.
Что не получается, в чем загвоздка?
*

dr_gonzales

  • Захожу иногда
  • 106
  • 3 / 0
спасибо за ссылку, сейчас почтиаю.
а проблема была в следующем: т.к. в стилях отсутствовало описание меню 3-го уровня пункты 3-го уровня отображались так же как и второй.
когда добавил описание /*LEFT COL SUB SUB LINK*/, в 8-м ИЕ все ок.

а в ИЕ 6-ом вот так:

Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кликабельность псевдоэлемента в пункте меню

Автор vasilii.pupkov

Ответов: 4
Просмотров: 3436
Последний ответ 29.12.2021, 23:15:38
от v42bis
Выпадающее меню

Автор DrShepard

Ответов: 10
Просмотров: 2973
Последний ответ 20.10.2021, 12:36:16
от DrShepard
Как закруглить края выпадающего меню?

Автор coliandra

Ответов: 1
Просмотров: 1459
Последний ответ 11.12.2020, 21:15:57
от effrit
При прокрутке страницы виджет залезает на меню

Автор coliandra

Ответов: 2
Просмотров: 1375
Последний ответ 27.11.2020, 11:33:58
от coliandra
Как убрать маркер только из одного пункта меню.

Автор kuraev64

Ответов: 2
Просмотров: 1624
Последний ответ 20.07.2020, 11:18:44
от kuraev64