Модератор форума: JonMagon |
Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » jQuery » TabControl (Реализация блока с вкладками на jQuery) |
TabControl |
Maxim_Averin, //forum.ucoz.ru/forum/38-41775-1
Прочитайте внимательно еще раз 3-й пункт. Не оказываю поддержку посредством ЛС/ICQ/Skype/AIM/XMPP/E-mail.
|
Maxim_Averin, у меня была та же проблема.
Скорее всего вы сохранили в tables.js не в папку js Вместо Код <script type="text/javascript" src="/js/tables.js"></script> Напишите так Код <script type="text/javascript" src="/tables.js"></script> У меня все заработало. Надеюсь и вам поможет. |
Этот код нужно каждый раз добавлять на новую страницу, или в страницу материала и комментариев к нему один раз добавить и все?
Код <div class="sectiontable"> <ul class="tabs"> <li class="current">Первая вкладка</li> <li>Вторая вкладка</li> </ul> <div class="box visible"> <p>Содержимое вкладки #1</p> </div> <div class="box"> <p>Содержимое вкладки #2</p> </div> </div> |
У меня такой вопрос. Установил 3 вкладки, и вставил в контейнер с блоками. Т.е. создал блок на основе вкладок. Только незадача. Третья вкладка не вмещается и потому переноситься на следующую строку. В связи с этим вопрос как это можно решить. В кодах и языке программирования я не силён, поэтому не знаю как обозначить в стилях расстояние для надписей с названием вкладок... Можно ли как нибудь решить сей вопрос?
Фотография Сообщение отредактировал Flise - Пятница, 02 Авг 2013, 21:10:45
|
Flise, в css файле найди .tabs li и задай меньший размер шрифта .tabs li{font-size:68.75pt} или подбери более "узкий" шрифт, чем Veranda .tabs li{font-family: Arial Narrow, sans-serif}
Можешь забрать этот код и вставить его себе, сам знаешь куда.
Сообщение отредактировал Head-Mad - Четверг, 01 Авг 2013, 18:24:41
|
Вот так тоже ничего получилось:
Код .tabs li {width:28.5%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .tabs li.current {width:35%; } |
Head-Mad, masterwind, а есть какой либо атрибут стиля, чтобы вкладки с названиями сделать по ширине отображаемого содержимого?
Добавлено (02 Авг 2013, 17:02:25) |
Код /* TabControl Start */ p {padding: 7px 0;} .sectiontable { width: 103%; вот прописываем ширину!! background: #EFEFEF; margin: 0 0 30px; } |
читайте 1 сообщения там все понятно расписанно
|
| |||