Новости Joomla

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

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
JoomlaWorks "Tabs & Sliders" Plugin (v2.7)
« : 17.12.2013, 10:37:54 »
Google Chrome, IE - отображает правильно, в Mozilla Firefox нет.




В принципе аналогичная проблема уже была с предыдущим плагином
Проблемы с CSS плагина Tabs & Slides (for articles) v 2.4

- но так как они всё перелопатили решение должно быть другим

Код
/**
 * @version 2.7
 * @package Tabs & Sliders (plugin)
 * @author    JoomlaWorks - http://www.joomlaworks.net
 * @copyright Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
 * @license GNU/GPL license: http://www.gnu.org/copyleft/gpl.html
 */

/* Please note: if you wish to target IE6 to IE8 specifically, prepend any selector with "body.jwts_IsIEX" replacing X with either 6, 7 or 8 */

/* Generic
------------------------------------------ */
a:active,
a:focus {outline:0;}
.jwts_clr {display:block;clear:both;height:0;line-height:0;margin:0;padding:0;border:0;}



/* Tabs
------------------------------------------ */
.jwts_tabber {display:none;}
.jwts_tabberlive {margin:4px 0;padding:0;}

/* The tab navigation */
ul.jwts_tabbernav {margin:0 0 0 8px!important;padding:0!important;list-style:none!important;list-style-image:none!important;background:none!important;line-height:normal!important;height:auto!important;text-align:left!important;}
ul.jwts_tabbernav li {margin:0!important;padding:0!important;line-height:normal!important;list-style:none!important;list-style-image:none!important;background:none!important;display:inline!important;}
ul.jwts_tabbernav li a {font-size:14px;margin:0 2px 0 0;padding:4px 10px 2px;color:#222;border-radius:2px 2px 0 0;border:1px solid #bbb;border-bottom:none;background:#eee url(../images/tab_bg.jpg) repeat-x 50%;}
ul.jwts_tabbernav li a:hover {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:0;margin:0;}

/* The tab content */
.jwts_tabberlive .jwts_tabbertab {text-align:left;margin:2px 0 0!important;padding:8px;border:1px solid #bbb;border-radius:2px;background:#fff;}
.jwts_tabberlive .jwts_tabbertab h2.jwts_heading,
.jwts_tabberlive .jwts_tabbertabhide {display:none;}

/* IE7 specific */
body.jwts_IsIE7 ul.jwts_tabbernav {position:relative;z-index:9;}
body.jwts_IsIE7 .jwts_tabberlive .jwts_tabbertab {position:relative;z-index:8;margin:2px 0 0!important;}



/* Sliders (accordion)
------------------------------------------ */
div.jwts_toggleControlContainer {}
div.jwts_toggleControlContainer a.jwts_toggleControl {font-size:14px;font-weight:normal;text-decoration:none;display:block;border:1px solid #ccc;border-radius:2px;background:url(../images/tab_bg.jpg) repeat-x;background-position-y:40%;padding:4px;margin-bottom:1px;line-height:normal;}
div.jwts_toggleControlContainer a.jwts_toggleOn {color:#c64934;margin-bottom:0;border-radius:2px 2px 0 0;}
div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_togglePlus,
div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_toggleMinus {display:none;}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle {line-height:normal;background:url(../images/arrows.png) no-repeat 0 -146px;padding-left:20px;}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle {line-height:normal;background:url(../images/arrows.png) no-repeat 0 -1px;padding-left:20px;}
div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {color:#999;font-size:10px;display:block;float:right;line-height:14px;vertical-align:bottom;}
div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlNotice {display:none;}
div.jwts_toggleContent {}
div.jwts_content {padding:4px 8px;margin-bottom:1px;border:1px solid #ccc;border-radius:0 0 2px 2px;border-top:0;}

/* IE7 specific */
body.jwts_IsIE7 div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice {display:none;}

оф. демо
« Последнее редактирование: 18.12.2013, 21:33:31 от leo78 »
*

Fedor Vlasenko

  • Живу я здесь
  • 3845
  • 733 / 7
  • https://fedor-vlasenko.web.app
Re: JoomlaWorks "Tabs & Sliders" Plugin (v2.7)
« Ответ #1 : 17.12.2013, 13:01:51 »
один из примеров "хорошего кода"
посидите подумайте какая должна быть семантическая разметка вкладок
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Re: JoomlaWorks "Tabs & Sliders" Plugin (v2.7)
« Ответ #2 : 17.12.2013, 13:42:13 »
Fedor Vlasenko
Высоту фиксируемую, инлайн убрать.
Код
ul.jwts_tabbernav li {margin:0!important;padding:0!important;line-height:normal!important;list-style:none!important;list-style-image:none!important;background:none!important;display:inline!important;}
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Re: JoomlaWorks "Tabs & Sliders" Plugin (v2.7)
« Ответ #3 : 18.12.2013, 21:25:35 »
этот код заменить:
Код
ul.jwts_tabbernav li a {
font-size:14px;
margin:0 2px 0 0;
padding:4px 10px 2px;
color:#222;
border-radius:2px 2px 0 0;
border:1px solid #bbb;border-bottom:none;
background:#eee url(../images/tab_bg.jpg) repeat-x 50%;
}
на этот
Код
 ul.jwts_tabbernav li a {
font-size:14px;
margin:0 2px 0 0;
padding: 4px;
color:#222;
border-radius:2px 2px 0 0;
border:1px solid #bbb;border-bottom:none;
background:#eee url(../images/tab_bg.jpg) repeat-x 50%;
}

Можно не меняя не чего добавить
Код
line-height:16px;
- этот вариант вроде лучше всего )))
« Последнее редактирование: 18.12.2013, 21:49:23 от leo78 »
*

Shustry

  • Moderator
  • 6434
  • 745 / 3
Re: JoomlaWorks "Tabs & Sliders" Plugin (v2.7)
« Ответ #4 : 19.12.2013, 00:14:05 »
Такие проблемы бывают обычно из-за необнуленных значений top/left/right/bottom. Т.е., даже если смещения нет, всё равно пропишите сопрягаемым элементам: top:0; left:0.
*

leo78

  • Завсегдатай
  • 1018
  • 62 / 8
  • I left from paradise!?...
Re: JoomlaWorks "Tabs & Sliders" Plugin (v2.7)
« Ответ #5 : 19.12.2013, 12:49:51 »
Shustry, не знаю, что вы этим хотели сказать.
Но меня на эту мысль навила эта тема:
CSS селектор отдельно для Mozilla Firefox 3.6
Кроме этого уже были предложения типа:
Цитировать
Высоту фиксируйте, инлайн убирайте.
line-height
Кстати такиеже проблемы наблюдаются и здесь
оф. демо
 *DRINK*
« Последнее редактирование: 19.12.2013, 12:54:40 от leo78 »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблемы с CSS плагина Tabs & Slides (for articles) v 2.4

Автор leo78

Ответов: 7
Просмотров: 4368
Последний ответ 16.02.2012, 16:21:00
от karnagos