Накладываются друг на друга блоки во вкладках

  • 9 Ответов
  • 662 Просмотров

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

Помогите найти ошибку в шаблоне... http://mobile-sity.ru/katalog/lenovo-s856-4g-lte.html  Див блоки во вкладках/табах(описание, отзывы и др..) накладываются друг на друга и всё тут(( Или в CSS нужно править? Если так то что именно? Задавать абсолютные позиции каждому блоку тоже не решение.. Буду рад любой подсказке.

 В шаблоне прописано так:

<div class="pro-more-info col-sm-12">

      <div id="tabs-pro">
         <ul class="tab-title">
            <li><a href="#tabs-1" title=""><?php echo jText::_('Описание');?></a></li>
            <li><a href="#tabs-2" title=""><?php echo jText::_('Отзывы');?></a></li>
            <li><a href="#tabs-3" title=""><?php echo jText::_('Доставка и оплата');?></a></li>
                                <li><a href="#tabs-4" title=""><?php echo jText::_('Как купить');?></a></li>
         </ul>
         <div id="tabs_container">
            <div id="tabs-1" class="tab-item">
               <!--tab content-->
               <div class="tab-item-inner">
                  <div class="jshop_prod_description">
                     <?php print $this->product->description; ?>
                  </div>
               </div>      
            </div>
            <div id="tabs-2" class="tab-item">
               <div class="tab-item-inner">
                  <!--tab content-->
                  <div class="pro-review">
                  <?php
                     print $this->_tmp_product_html_before_review;
                     include(dirname(__FILE__)."/review.php");
                  ?>
                  </div>
               </div>
            </div>
            <div id="tabs-3" class="tab-item">
               <div class="tab-item-inner">
                  <!--tab content-->
                  <div class="pro-other-info">                  
                     
                  <p>текст блока Доставка и оплата</p>
                     
                  </div>
               </div>
            </div><!--End tabs-3-->

                    <div id="tabs-4" class="tab-item">
               <div class="tab-item-inner">
                  <!--tab content-->
                  <div class="pro-other-info">                  
                     
                                <p>Текст блока как купить</p>
   
                  </div>
               </div>
            </div><!--End tabs-4-->
         </div><!--End tabs container-->
       </div><!--End tabs-->      

   </div><!--End product more info-->

*

Оффлайн nevigen

  • *****
  • 8831
  • [+]771 / [-]17
  • http://n*****n.com
    • Просмотр профиля
    • Nevigen.com -разработки для Joomla
не вижу накладок http://prntscr.com/9pbeew
Профессиональные / Бесплатные решения для JoomShopping
Не лечи бесплатно, ибо тот, кто лечится бесплатно, рано или поздно перестает ценить свое здоровье,
а тот, кто лечит бесплатно, рано или поздно перестает ценить результаты своего труда/ (с) Гиппократ?
Не ищите ответов, ищите решение !

*

Оффлайн dmitry_stas

у меня точно так же как на скрине
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

Сами div блоки накладываются друг на друга - https://yadi.sk/i/syysa4y0mrFvR .. Попробуйте скопировать текст или написать отзыв здесь - http://mobile-sity.ru/katalog/lenovo-s856-4g-lte.html

*

Оффлайн dmitry_stas

понятно все. это как раз потому, что они у вас уже в абсолюте. уберите этот эффект переключения transition или как он там у вас называется.
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

Да точно! Спасибо! Эффект убрал. Всё равно наложены друг на друга.. Ищу дальше похоже действительно гдето закреплены позиции для данных блоков.

*

Оффлайн dmitry_stas

да, не из-за этого эффекта, но какой то скрипт все таки используется. что-то типа http://www.codeproject.com/Questions/988095/Swiping-between-tabs-remove-content
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций

Похоже проще занова табы сделать? не подскажите метод попроще?) Вот вроде есть способ рабочий и без дополнительных скриптов - http://joomlaforum.ru/index.php?topic=299862.0 но у меня при этом методе невегеновские расширенные отзывы не отображаются почему-то) Может он подскажет почему ;)

Всё поченил) Спасибо за участие!

*

Оффлайн dmitry_stas

и что было? все таки скрипт?
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций