1. Вниманию авторов!

    Темы из разделов платных услуг удаляются, если:
    • тема создана более 2-х месяцев назад И
    • внутри темы не ведётся активных обсуждений задачи И
    • автор не уведомил администрацию об актуальности задачи.
    Так же тема будет удалена, если:
    • есть подозрение на мошеннические действия со стороны автора;
    • в задаче предлагается оказать содействие в разработке ресурсов, направленность которых противоречит законодательству РФ и моральным устоям здорового общества.
    Скрыть объявление

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

Тема в разделе "АРХИВ", создана пользователем lev, 19.12.2011.

  1. lev
    Offline

    lev специалист

    Регистрация:
    21.12.2007
    Сообщения:
    676
    Симпатии:
    40
    Пол:
    Мужской
    /plugins/content/plugin_jw_ts/tabs_slides.css
    Во всех браузерах IE нормально отображает Mozilla Firefox - нет
    yes!

    Код там
    Код (CODE):
    1. /*
    2. // JoomlaWorks "Tabs & Slides" Plugin for Joomla! 1.5.x - Version 2.4
    3. // License: http://www.gnu.org/copyleft/gpl.html
    4. // Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company.
    5. // More info at http://www.joomlaworks.gr
    6. // Developers: Fotis Evangelou
    7. // ***Last update: May 20th, 2008***
    8. */
    9.  
    10. /* --- Generic --- */
    11. a:active,a:focus {outline:0;}
    12. .jwts_clr {clear:both;height:0;line-height:0;}
    13.  
    14. /* --- Tabs --- */
    15. .jwts_tabberlive {margin:4px 0px;padding:0px;}
    16. .jwts_tabberlive .jwts_tabbertab {margin:0px;padding:6px;border:1px solid #bbb;border-top:0px;/*height:300px;overflow:auto;*/}
    17. .jwts_tabberlive .jwts_tabbertab h2,
    18. .jwts_tabberlive .jwts_tabbertab h3,
    19. .jwts_tabberlive .jwts_tabbertabhide {display:none;}
    20. ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;display:block;line-height:14px;height:auto;}
    21. ul.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
    22. ul.jwts_tabbernav li a,
    23. 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;}
    24. ul.jwts_tabbernav li a:visited {color:#333;}
    25. 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;}
    26. ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
    27. ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff;}
    28. ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
    29. ul.jwts_tabbernav li.jwts_tabberactive,
    30. ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;}
    31. .jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */
    32.  
    33. /* --- Slides --- */
    34. .jwts_slider {margin:4px 0px;padding:0px;}
    35. .jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;}
    36.  
    37. /* DEFAULT STYLING */
    38. .jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;background:url(slide_bg_r.png) no-repeat right;cursor:pointer;}
    39. .jwts_title_left {background:url(slide_bg_l.png) no-repeat left;margin:0 10px 0 0;}
    40. a.jwts_title_text,
    41. 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;}
    42. a.jwts_title_text:visited {color:#444;}
    43. 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;}
    44. .jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:none;border:none;}
    45. .jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */
    46.  
    47. /* SOME NEW STYLING (just in case)
    48. .jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;}
    49. .jwts_title_left {}
    50. a.jwts_title_text,
    51. 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;}
    52. a.jwts_title_text,
    53. a.jwts_title_text:link {color:#fff;background:url(slide_bg_b.png) repeat-x;border:1px solid #444;}
    54. a.jwts_title_text:visited {color:#fff;}
    55. a.jwts_title_text:hover {color:#c64934;background:transparent url(slide_bg.png) repeat-x;border:1px solid #ccc;}
    56. .jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:#fbfbfb;border:1px dotted #aaa;border-top:none;}
    57. */


    Tabs правим:
    Код (CODE):
    1. 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;}

    на 14px
    Код (CODE):
    1. display:block;line-height:14px;

    Код (CODE):
    1. ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;display:block;line-height:14px;height:auto;}

    или 1.2em
    Код (CODE):
    1. display:block;line-height:1.2em;

    Код (CODE):
    1. ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;display:block;line-height:1.2em;height:auto;}

    или лучше так:
    Код (CODE):
    1. display:block;line-height:1.2em !important;
    2. line-height:normal

    Код (CODE):
    1. @-moz-document url-prefix()
    2. {
    3. ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;display:block;line-height:1.2em !important;height:auto;}
    4. }
    5. 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;}

    - при таком варианте в Opera нет смещений ::)

    Slides дописываем:
    Код (CODE):
    1. .jwts_slidecontent {position:absolute;}


    Получаем на выхлопе:
    Код (CODE):
    1. /*
    2. // JoomlaWorks "Tabs & Slides" Plugin for Joomla! 1.5.x - Version 2.4
    3. // License: http://www.gnu.org/copyleft/gpl.html
    4. // Copyright (c) 2006 - 2008 JoomlaWorks, a Komrade LLC company.
    5. // More info at http://www.joomlaworks.gr
    6. // Developers: Fotis Evangelou
    7. // ***Last update: May 20th, 2008***
    8. */
    9.  
    10. /* --- Generic --- */
    11. a:active,a:focus {outline:0;}
    12. .jwts_clr {clear:both;height:0;line-height:0;}
    13.  
    14. /* --- Tabs --- */
    15. .jwts_tabberlive {margin:4px 0px;padding:0px;}
    16. .jwts_tabberlive .jwts_tabbertab {margin:0px;padding:6px;border:1px solid #bbb;border-top:0px;/*height:300px;overflow:auto;*/}
    17. .jwts_tabberlive .jwts_tabbertab h2,
    18. .jwts_tabberlive .jwts_tabbertab h3,
    19. .jwts_tabberlive .jwts_tabbertabhide {display:none;}
    20. ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;display:block;line-height:14px;height:auto;}
    21. ul.jwts_tabbernav li {margin:0px;padding:0px;list-style:none;list-style-image:none;background:none;display:inline;}
    22. ul.jwts_tabbernav li a,
    23. 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;}
    24. ul.jwts_tabbernav li a:visited {color:#333;}
    25. 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;}
    26. ul.jwts_tabbernav li a:active,ul.jwts_tabbernav li a:focus {outline:0;}
    27. ul.jwts_tabbernav li.jwts_tabberactive a {background:#fff;border-bottom:1px solid #fff;}
    28. ul.jwts_tabbernav li.jwts_tabberactive a:hover {background:#fff;border-bottom:1px solid #fff;text-decoration:none;}
    29. ul.jwts_tabbernav li.jwts_tabberactive,
    30. ul.jwts_tabbernav li.jwts_tabberinactive {background:none;padding:0px;margin:0px;}
    31. .jwts_tabberlive .jwts_tabbertab,ul.jwts_tabbernav {text-align:left;} /* force content orientation */
    32.  
    33. /* --- Slides --- */
    34. .jwts_slider {margin:4px 0px;padding:0px;}
    35. .jwts_slidewrapper {border:none;width:100%;visibility:hidden;height:0px;overflow:hidden;position:relative;margin:0;padding:0;}
    36.  
    37. /* DEFAULT STYLING */
    38. .jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;background:url(slide_bg_r.png) no-repeat right;cursor:pointer;}
    39. .jwts_title_left {background:url(slide_bg_l.png) no-repeat left;margin:0 10px 0 0;}
    40. a.jwts_title_text,
    41. 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;}
    42. a.jwts_title_text:visited {color:#444;}
    43. 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;}
    44. .jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:none;border:none;}
    45. .jwts_title_left,.jwts_slidecontent {text-align:left;} /* force content orientation */
    46. .jwts_slidecontent {position:absolute;}
    47.  
    48. /* SOME NEW STYLING (just in case)
    49. .jwts_title {margin:0 0 1px 0;padding:0px;overflow:hidden;}
    50. .jwts_title_left {}
    51. a.jwts_title_text,
    52. 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;}
    53. a.jwts_title_text,
    54. a.jwts_title_text:link {color:#fff;background:url(slide_bg_b.png) repeat-x;border:1px solid #444;}
    55. a.jwts_title_text:visited {color:#fff;}
    56. a.jwts_title_text:hover {color:#c64934;background:transparent url(slide_bg.png) repeat-x;border:1px solid #ccc;}
    57. .jwts_slidecontent {padding:4px 12px 8px 12px;margin:0px;position:relative;background:#fbfbfb;border:1px dotted #aaa;border-top:none;}
    58. */


    Или прописать под все браузеры
    Код (CODE):
    1. @media screen {
    2. ul.jwts_tabbernav {margin:0px;padding:3px 4px;list-style:none;list-style-image:none;background:none;border-bottom:1px solid #bbb;display:block;line-height:1.2em;height:auto;}
    3. }
    4. @media print {
    5. 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;}
    6. }
     
  2.  

Поделиться этой страницей

Загрузка...