VPF::ui tabs - Форум программистов

JAYBE

Дата 28.4.2012, 15:55 (ссылка)

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

Загрузка ...

Бывалый

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

Репутация: -1
Всего: 0

Добрый день!
Табы по дефолт располагаются слева.
Мне же необходимо чтобы элементы <.ui-tabs-nav li> располагались во всю длину div'а и были автоматически под него растянуты, ибо

Код


    white-space: normal;
    width:137px;

не катит

ksnk

Дата 28.4.2012, 21:50 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Цитата(JAYBE @ 28.4.2012, 15:55

)

во всю длину div'а и были автоматически под него растянуты

Такое достигается, обычно, параметром

Код


display:block;

Хотя случаи бывают разные.

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

JAYBE

Дата 2.5.2012, 11:54 (ссылка)

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

Загрузка ...

Бывалый

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

Репутация: -1
Всего: 0

Не подходит...

ksnk

Дата 2.5.2012, 12:33 (ссылка)

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

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

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

Цитата(JAYBE @ 2.5.2012, 11:54

)

Не подходит...

Нет кода, нет печенек... smile

Если ДЕЙСТВИТЕЛЬНО нужно решить задачу, и поскорее - сделай тестовый пример на jsfiddle.com.

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

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

JAYBE

Дата 5.5.2012, 13:06 (ссылка)

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

Загрузка ...

Бывалый

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

Репутация: -1
Всего: 0

Решил =)

Код


div#tabs>ul {
    font: 14px Verdana, Geneva, sans-serif;
    text-align: center;
}
.ui-tabs .ui-tabs-nav li {
    display : inline-block;
    width : 13%;
    height: 100px;
    margin-bottom: 10px;
    vertical-align: top;
    text-align: center;
    line-height: normal;
    white-space: normal;
    font-size:12px;
    font-family:Arial;
    float:none;
    /* эмуляция inline-block для IE6-7*/
    //display : inline;
    //zoom : 1;
}
.ui-tabs .ui-tabs-nav li a {
    float: none;
    text-align:center;
    width: 100%;
}

Но растянуть так и не получилось...

Это сообщение отредактировал(а) JAYBE - 5.5.2012, 13:16

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