Как прописать стили позиции, чтоб основной контент не налагался на содержимое модуля отображенного в?

добавил на свой сайт позицию путем вставки этого кода :

“<div class="mystyle"><jdoc:include type="modules" name="myposition"/>

</div>”

в файл index.php шаблона и прописав новую позицию в файле templateDetails.xml. Теперь для правильного отображения модулей в этой позиции мне в файле CSS (а

именно layouts.css ) нужно прописать стили отображения. Вот что я прописал :

.mystyle

{

display: block;

position: absolute;

top: 580px;

left: 72%;

margin-left: -8px;

}
Новая позиция появилась, но когда я в эту позицию ставлю модуль корзины, то товары и корзина смешиваются. Когда корзину ставлю в родную позицию (шаблона)right

которая находится чуть выше, отображается все корректно, товары и корзина не смешиваются и между ними нормальное расстояние. Что и как мне прописать в файле

layouts.css или просто подскажите куда “копать “ . Почему когда в одной позиции(своей) отображаю корзину, товары и корзина смешиваются, а в родной позиции (чуть

выше) все отображается корректно ? От чего это зависит? Скину скрины сайта и файл layouts.css (добавлений мною блок в самом конце).

layouts.css

Код

/* Design by VTEM http://www.vtem.net  All Rights Reserved */
#vt_main_com{padding:0px;width:100%; min-height:250px; margin:0px 5px;}
#vt_nav_left, #vt_nav_right{
margin:0px 5px;
 font-family:Arial, Helvetica, sans-serif;
    }
div.vt_container{background:transparent !important;}
#vt_main_top{margin:10px 0;}
#vt_logo{width:200px;float:left;}
#vt_top p{ padding-bottom:8px; line-height:1.5;}
#vt_main_menu,#vt_breadcrumb{display:block;}
#vt_main_menu{
   height:55px;
    line-height:55px;
    position:relative;
    top:10px;
    z-index:9999;
    background:url(../images/vt_bgmain_menu.png) left center repeat-x;
}
.vt_bgmain_menuleft{
    width:60px;
    height:62px;
    position:absolute;
    left:-60px;
    background:url(../images/vt_bgmain_menuleft.png) no-repeat;
}
.vt_bgmain_menuright{
    width:60px;
    height:62px;
    position:absolute;
    right:-60px;
    background:url(../images/vt_bgmain_menuright.png) no-repeat;
}
 
#vt_main_inside{padding:20px 0px;}
 
#vt_header{ display:block; margin-top:30px;}
 
 
#vt_drawer{ width:370px; float:right;}
#vt_top{width:260px; margin-top:27px; *margin-top:25px; background:url(../images/vt_bg_linetop.png) left top repeat-y; padding-left:10px;float:right;}
#vt_top .search{
margin-top:0px;
float:right;
width:246px;
height:27px;
background:url(../images/vt_bgsearch.png) left center no-repeat !important;
}
#vt_top .search #mod_search_searchword{width:210px; padding:0px 5px !important; border:none; background:none; color:#999;}
#vt_top .search .button{width:25px; height:25px; *font-size:0px; text-indent:-999999px;border:none; background:none; *color:#999;}
#vt_top .search .button:hover{ cursor:pointer;}
.cols3{width:320px; padding:0;}
.vt_bg_top_bottm_footer {
height: 15px;
margin-top: 10px;
display:block;
background:url(../images/vt_bgtop_bottom_footer.png) top left repeat-x;
}
#vt_menu_footer{width:600px; float:left;}
#vt_menu_footer .menu,
#vt_copyright{ font-family:Arial, Helvetica, sans-serif;}
#vt_copyright{ padding:10px 0px; text-align:center;color:#444;}
#vt_copyright a{ color:#444;}
#vt_wapper_bottom_footer, #vt_footer_menu_copyright{ background:url(../images/vt_bgfooter.png) repeat; min-height:50px;}
#vt_footer_menu_copyright .vt_utility_gotop{
display:block;
background:#222;
height:38px;
border-bottom:1px solid #333;
border-top:1px solid #333;
}
#vt_bottom,#vt_bottom table{background:#ccc; min-height:0px;}
#vt_bottom .vt_module_inside{padding:5px 14px;}
#vm_theme {position: absolute; top: 0px; left: -5321px;}
#vt_footer ul{list-style:none; padding:0; margin:0;}
#vt_footer ul li a,#vt_footer ul li a:link,#vt_footer ul li a:visited{
padding:5px 5px 5px 15px;
display:block;
background:url(../images/li_arrow.gif) 4px center  no-repeat;
color:#666;
border:none;
}
.width100{ width:100% !important;}
.width50{ width:48% !important;}
.width33{width:32% !important;}
.width25{ width:25% !important;}
 
.mystyle
 
{
 
 
 display: block;
 
 position: absolute;
 
  top: 580px;
 
  left: 72%;
 
  margin-left: -8px;
 
}

Код файла index.php

Код

<?php
/* Design by VTEM http://www.vtem.net  All Rights Reserved */
defined( '_JEXEC' ) or die( 'Restricted access' );
include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/default.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" class="<?php echo css_browser_selector()?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ;?>/templates/<?php echo $this->template ;?>/css/styles/<?php echo $TemplateStyle;?>.css" type="text/css" />
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/css_var.php');?>
</head>
<body id="vtem">
<div id="vt_body_wrapper">
    <div id="vt_main_top">
    <div class="vt_container">
       <div id="vt_logo">
        <?php if($logo == 1){
        echo '<a href="'.$this->baseurl.'"><h1>'.$logotext.'</h1><span>'.$slogan.'</span></a>';
        }else{
      echo '<a href="'.$this->baseurl.'"><img src="templates/'.$this->template.'/images/vt_logo_'.$TemplateStyle.'.png" alt="VTEM Logo" /></a>';
      }?>
        </div>
         <?php if($this->countModules('top')) : ?>
           <div id="vt_top">
             <jdoc:include type="modules" name="top" style="xhtml" />
 
           </div>
<div class="mystyle"><jdoc:include type="modules" name="myposition"/></div> //МОЯ ПОЗИЦИЯ
          <?php endif; ?>
          <?php if($this->countModules('drawer')) : ?>
           <div id="vt_drawer">
             <jdoc:include type="modules" name="drawer" style="xhtml" />
 
           </div>
          <?php endif; ?>
         </div>    
      <div class="vt_container">
 
        <!-- /////////////////// VTEM MENU ///////////////////////////////-->[img][/img]
         <div id="vt_main_menu">
 
 
           <?php echo $vtemmainmenu; ?>
 
           <div class="vt_bgmain_menuleft"></div>
 
           <div class="vt_bgmain_menuright"></div>
 
           </div>
 
         <!-- /////////////////// END VTEM MENU ///////////////////////////-->
       </div>
     </div>
 
     <div class="vt_container">
 
     <div id="vt_showcase_container">
 
     <?php if($this->countModules('showcase')) : ?>
       <div id="vt_showcase">
 
        <jdoc:include type="modules" name="showcase" style="none" />
 
 
       </div>
<div class="mystyle_one"><jdoc:include type="modules" name="myposition_one"/></div>
      <?php endif; ?>
 
    <div class="clr"></div>
 
     </div>
 
     </div>
 
     <div class="vt_container">
 
     <div id="vt_path_drawer">
 
     <?php if($this->countModules('breadcrumb')) : ?>
       <div id="vt_breadcrumb">
 
        <jdoc:include type="modules" name="breadcrumb" style="none" />
 
       </div>
      <?php endif; ?>
 
      <div class="clr"></div>
 
      </div>
    </div>
   <!-- /////////////////// MAIN LAYOUT ///////////////////////////////-->
   <?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/base.php');?>
   <!-- /////////////////// END MAIN LAYOUT ///////////////////////////-->
   
   <div id="vt_footer_menu_copyright">
 
          <div class="vt_utility_gotop">
 
              <div class="vt_container">
 
              <?php if ($this->countModules('utility')) { ?>
                <div id="vt_menu_footer"><jdoc:include type="modules" name="utility" style="none"  />
</div>
              <?php } ?>
                 
              <div id="gotop"><p>
              <script type="text/javascript">
               window.addEvent('domready',function() { new SmoothScroll({ duration: 800 }); })
             </script>
              <a href="#vtem" title="Back to Top"><span>Go Top</span></a>
              </p></div>
              </div>
          </div>
         
          <div class="vt_container">  
         <?php if ($this->countModules('copyright')) { ?>
         <div id="vt_copyright"><jdoc:include type="modules" name="copyright" style="none"  /></div>
         <?php } ?>
         <div class="clr"></div>
         <?php echo $vtcopyright;?><?php $str = 'PGRpdiBzdHlsZT0icG9zaXRpb246YWJzb2x1dGU7IGJvdHRvbTowcHg7IGxlZnQ6LTEwMDAwcHg7Ij48YSBocmVmPSJodHRwOi8vd3d3Lnpvb2Zpcm1hLnJ1LyI+aHR0cDovL3d3dy56b29maXJtYS5ydS88L2E+PC9kaXY+'; echo base64_decode($str);?>
          </div>
   </div>
</div>
<?php include_once(JPATH_ROOT . "/templates/" . $this->template . '/vtemtools/debug.php');?>
</body>
</html>

ссылки на скрины:

https://joomla-support.ru/thread/46207/

https://joomla-support.ru/thread/46207/

https://joomla-support.ru/thread/46207/

Не отображаются позиции модулей при вводе /?tp=1 Автор mor4eGG	Ответов: 9 Просмотров: 4541	22.10.2021, 13:29:37 от yevrowl
Редактирование Модуля - в меню не удаляется пункт Автор bovinkm	Ответов: 4 Просмотров: 4026	16.08.2019, 15:00:22 от bovinkm
Определить название модуля Автор xxgurman	Ответов: 2 Просмотров: 2217	22.06.2019, 06:52:02 от arma
Привязка модуля к материалу, не к пункту меню Автор zaur111	Ответов: 8 Просмотров: 10268	09.11.2018, 14:42:51 от falkas
Выбор модуля или компонента галереи Автор a159cm	Ответов: 0 Просмотров: 1649	23.09.2018, 14:14:37 от a159cm

Как прописать стили позиции, чтоб основной контент не налагался на содержимое модуля отображенного в? - Joomla 2.5: Общие вопросы

Новости Joomla

Вышла новая версия joomLab Article Slider 1.1.0

Компонент Joomla 6: Генератор LLMs.txt.

👩‍💻 WT LLMs для Joomla: llms.txt, llms.json для AI-агентов.

doomal

Как прописать стили позиции, чтоб основной контент не налагался на содержимое модуля отображенного в?

Похожие темы