http://s51.radikal.ru/i134/1205/6c/c719d99e9c3c.jpg
Проблема в табах плагина JoomlaWorks "Tabs & Slides (in content items)"
Слишком длинные названия табов съезжают построчно вниз, заезжая друг на друга и некрасиво переносятся.
Что можно подправить, что бы табы, либо не заезжали друг на друга, либо из-за длинных названий, перемещались ПОЛНОСТЬЮ на одну строку вниз, тем самым выстраиваясь в столбик. Или что нибудь покрасивее можно придумать?
|||CSS||||
/* --- Generic --- */
a:active,a:focus {outline:0;}
.jwts_clr {clear:both;height:0;line-height:0;}
/* --- Tabs --- */
.jwts_tabberlive {margin:4px 0px;padding:0px;}
.jwts_tabberlive .jwts_tabbertab {margin:0px;padding:6px;border:1px solid #bbb;border-top:0px;/*height:300px;overflow:auto;*/}
.jwts_tabberlive .jwts_tabbertab h2,
.jwts_tabberlive .jwts_tabbertab h3,
.jwts_tabberlive .jwts_tabbertabhide {display:none;}
ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;line-height:normal;height:auto;}
ul.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
ul.jwts_tabbernav li a,
ul.jwts_tabbernav li a:link {font-size:12px;font-weight:bold;margin:0px 1px;padding:3px 4px;color:#333;border:1px solid #bbb;border-bottom:none;background:#eee url(slide_bg.png) repeat-x top;}
ul.jwts_tabbernav li a:visited {color:#333;}
ul.jwts_tabbernav li a:hover {font-size:12px;font-weight:bold;margin:0px 1px;padding:3px 4px;color:#c64934;border:1px solid #aaa;border-bottom:none;background:#f2f2f2;text-decoration:none;}
ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff;}
ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
ul.jwts_tabbernav li.jwts_tabberactive,
ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;}
.jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */
/* --- Slides --- */
.jwts_slider {margin:4px 0px;padding:0px;}
.jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;}
/* DEFAULT STYLING */
.jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;background:url(slide_bg_r.png) no-repeat right;cursor:pointer;}
.jwts_title_left {background:url(slide_bg_l.png) no-repeat left;margin:0 10px 0 0;}
a.jwts_title_text,
a.jwts_title_text:link {display:block;background:url(star.png) no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#444;}
a.jwts_title_text:visited {color:#444;}
a.jwts_title_text:hover {display:block;background:transparent url(star.png) no-repeat;background-position:0px 2px;padding:0 2px 0 20px;margin:0 0 0 8px;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;color:#c64934;}
.jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:none;border:none;}
.jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */
/* SOME NEW STYLING (just in case)
.jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;}
.jwts_title_left {}
a.jwts_title_text,
a.jwts_title_text:hover {display:block;padding:0 2px 0 16px;margin:0;line-height:22px;font-size:12px;font-weight:bold;text-decoration:none;}
a.jwts_title_text,
a.jwts_title_text:link {color:#fff;background:url(slide_bg_b.png) repeat-x;border:1px solid #444;}
a.jwts_title_text:visited {color:#fff;}
a.jwts_title_text:hover {color:#c64934;background:transparent url(slide_bg.png) repeat-x;border:1px solid #ccc;}
.jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:#fbfbfb;border:1px dotted #aaa;border-top:none;}
*/
Примечание:
>Pavlon
Никак с CSS не "поиграть"? Хотел красиво в табы забить, что бы спойлеров поменьше было...
А можно как нибудь "подкрутить", что бы можно было сделать таб в табе?
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.