VPF::Вопрос по accordion - Форум программистов

Конышес

Дата 25.8.2010, 16:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 6
Регистрация: 24.3.2006

Репутация: нет
Всего: нет

Есть css для аккордеона следующего содержания:

Код


/* Accordian Stylesheet */

/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }



/*****Custom Classes*****/
.clearing { clear: both; }
.clearfix { overflow: hidden; }
.last { margin-bottom: 0; }
.screenReader { left: -9999px; position: absolute; top: -9999px; }

/*****Basic Layout*****/
div#container { margin: 0 auto; overflow: hidden; padding: 20px 0; width: 960px; }
div#content { float: left; width: 600px; }
div#sidebar { float: right; font-size: 12px; line-height: 18px; width: 300px; }

/*****Accordion Styles*****/
ul#accordion, ul#accordion ul { list-style: none; margin: 0; }
ul#accordion { border-bottom: 1px solid #000E2E; }
ul#accordion li { border: 1px solid #000E2E; border-bottom: none; }
ul#accordion ul li { border: none; border-bottom: 1px solid #C2C8D1; color: #999; padding: 5px 10px; }
ul#accordion ul li:last-child { border-bottom: none; }
ul#accordion a.heading { 
    background: #F4FFF9;
    color: #999;
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding: 10px 5px;
    text-decoration: none;
}
ul#accordion a.heading:hover { background: #00B9D2; color: #fff; }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { background: #025185; color: #fff; }
ul#accordion li ul a { border-bottom: 1px solid #00B9D2; color: #025185; text-decoration: none; }
ul#accordion li ul a:hover { border-bottom: none; }
ul#accordion li ul .date { padding-right: 10px; }
ul#accordion li ul .count { padding-left: 10px; }

/*****Additional Custom Accordion Styles*****/
body#customAccordion ul#accordion li ul { display: none; }
body#customAccordion ul#accordion li.current ul { display: block; }

и js jquery accordion(не менялся).

При создании менюшки на страничке каждая раскрывающаяся область выравнивается не по содержимому этого пункта меню, а по содержимому самого "большого" пункта. На рисунке может понятней будет smile

Ненужная область помечена красным крестом.

Помогите советом, пожалуйста!

Присоединённый файл ( Кол-во скачиваний: 10 )

__________.jpg 31,78 Kb

12345c

Дата 30.8.2010, 21:08 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 6
Всего: 101

Ну Вы мастер загадки загадывать.
Ответная загадка:
ставьте overflow: hidden куда надо.
Или перепишите контроль высоты элементов по развёрнутым меню.

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »