Шаблон самописный. Невесть откуда перед каждой позицией, при добавлении модуля, появляется пробел, тем самым сдвигая позицию на 1 рядок. В коде шаблона ничего такого нету. Вот скрин http://s020.radikal.ru/i714/1302/8d/01dabce4d329.jpg Что за беда?
Добрый день! Что интересно: когда инспектирую элемент - пробел есть; когда смотрю код страницы - не видно. http://s017.radikal.ru/i422/1302/1c/b29b7026da5e.png Index.php Код (PHP): <?php /** * @version $Id: index.php 20196 2011-01-09 02:40:25Z ian $ * @package Joomla.Site * @copyright Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved. * @license GNU General Public License version 2 or later; see LICENSE.txt */ defined('_JEXEC') or die; /* The following line gets the application object for things like displaying the site name */ $app = JFactory::getApplication(); ?> <?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?> <!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; ?>" > <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" /> </head> <body> <!-- Оболочка --> <div id="all"> <!-- Шапка --> <div class="top"> <jdoc:include type="modules" name="top" style="xhtml" /> </div> <div class="upper"> <jdoc:include type="modules" name="upper" style="xhtml" /> </div> <div class="main"> <div id="inner"> <!-- левая колонка --> <div id="logo"> <jdoc:include type="modules" name="logo" style="xhtml" /> </div> <!-- Меню --> <div id="main_menu"> <jdoc:include type="modules" name="main_menu" style="xhtml" /> </div> <div class="clear"></div> </div> </div> <div id="slide"> <jdoc:include type="modules" name="slide" style="xhtml" /> </div> <!-- Контейнер --> <div id="container"> <div id="inner"><div id="left"> <jdoc:include type="modules" name="sideleft" style="xhtml" /> </div> <!-- Правая колонка --> <div id="right"> <jdoc:include type="modules" name="sideright" style="xhtml" /> </div> <!-- Контент --> <div id="center"> <jdoc:include type="component" /> </div> <div class="clear"></div> </div> </div> <!-- Нижний колонтитул - Подвал - footer --> <div class="foot"> <jdoc:include type="modules" name="footer" style="xhtml" /> </div> <div class="copyright"> <jdoc:include type="modules" name="copyright" style="xhtml" /> </div> </div> </body> </html> Стили Код (PHP): body { min-width:600px; max-width:1000px; margin:0 auto; background: url(../images/bg.png) ; -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Для Safari и Chrome */ box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Параметры тени */ } .top{ } .upper{ display:block; height:40px; background: url(../images/top.png) ; } #container { position:relative; display:block; background:white; padding-left:20px; padding-right:5px; } #main { position:relative; display:block; background:white; } #inner { display:block; position:relative; padding:0px; } #logo{ background: url(../images/logo.png) ; width:30%; height:90px; float:left; } #main_menu { font-family: Georgia, serif; font-size:8px; background-color: white; height:90px; float:right; width:70%; } #slide { background-color:white; height:340px; width:100%; background: url(../images/slide.png) no-repeat white; } #right { background: url(../images/right.png) ; background-color:#dddddd; width:247px; height:560px; float:right; padding:10px; } #left { background: url(../images/left.png) no-repeat white; background-color:#dddddd; width:230px; height:570px; float:left; padding:0px; padding-left:20px; } #center { margin-right: 280px; margin-left:250px; position:relative; display:block; height:1%; } .clear { clear:both; } .foot { display:block; height:180px; background: url(../images/footer.png) no-repeat white; padding:1px; padding-left:20px; padding-right:5px; } .copyright { display:block; height:60px; background: url(../images/cop.png) no-repeat white; padding:1px; } div.moduletablemain_menu ul { list-style: none; margin-top: -18px; padding: 0; } div.moduletablemain_menu li {display: inline; } div.moduletablemain_menu a { float: left; background-color: white; text-decoration: none; text-align: center; padding: 8px; padding-top:42px; font-size: 13px; text-transform:uppercase; color: #666666; letter-spacing: 0.2em; } div.moduletablemain_menu a:hover {background: url(../images/menu_bg.png) repeat-x; white; height:120px; color: white; } H3 { font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: uppercase; font-size:17px; } H7 { font-size:21px; color: #666666; background: url(../images/h1.png) no-repeat right center white; display: block; font-family: Georgia, serif; text-align: left; } H8 { font-size:18px; color: #666666; font-family: Georgia, serif; text-transform:uppercase; } H9 { font-size:13px; color: #666666; font-family: Georgia, serif; text-transform: uppercase; } H10 { font-size:12px; } H71 { font-size:21px; color: #666666; background: url(../images/h71.png) no-repeat right center white; display: block; font-family: Georgia, serif; text-align: left; text-transform:uppercase; } copyright { font-size:15px; color: white; font-family: Georgia, serif; } div.moduletableleft_menu{ float: left; width: 200px; } div.moduletableleft_menu ul { padding: 0; margin: 0; } div.moduletableleft_menu ul li { float: left; list-style: none; width: 200px; border-bottom: 1px solid #E0E0E0; } div.moduletableleft_menu ul li a { font-family: Verdana, Geneva, sans-serif; display: block; color: black; height: 30px; line-height: 35px; text-decoration: none; text-indent: 5px; font-size:14px; text-transform: uppercase; } div.moduletableleft_menu ul li a:hover { color:#009DCE; text-decoration: none; } div.moduletableleft_menu li.active a{ color:#009DCE; text-decoration: none; font-weight: bolder; } div.category_descr { height: 50px; font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; text-transform: uppercase; font-size:17px; background: url(../images/vm_cat.png) no-repeat; padding-top:15px; padding-left:40px; } div.product_s_desc { font-size:12px; }
Дело в компоненте пробел появляется здесь <div id="center"> <jdoc:include type="component" /> </div> т.е. выводится в компоненте какой компонент используется? ищите в шаблоне компонента
Хм, если я правильно понимаю, этот компонент - com_content? Если убираю строку вообще - соответсвенно материал не выводится, но проблема не решилась - над позициями так и остался пробел.
Вобщем проблема решилась следующим образом: оказывается ,между Код (PHP): <div class="top"><jdoc:include type="modules" name="top" style="xhtml" /></div> <div class="upper"><jdoc:include type="modules" name="upper" style="xhtml" /></div> и Код (PHP): <div class="top"> <jdoc:include type="modules" name="top" style="xhtml" /> </div> <div class="upper"> <jdoc:include type="modules" name="upper" style="xhtml" /> </div> Есть разница! Не пойму как, но пробелы между дивами и делали пробелы на сайте... Спасибо всем!
