Откуда пробел в начале каждой позиции?

Тема в разделе "Создание шаблона", создана пользователем ustmm, 14.02.2013.

  1. Offline

    ustmm Пользователь

    Регистрация:
    26.07.2012
    Сообщения:
    121
    Симпатии:
    1
    Пол:
    Мужской
    Шаблон самописный.
    Невесть откуда перед каждой позицией, при добавлении модуля, появляется пробел, тем самым сдвигая позицию на 1 рядок.
    В коде шаблона ничего такого нету.
    Вот скрин
    http://s020.radikal.ru/i714/1302/8d/01dabce4d329.jpg
    Что за беда?
     
  2.  
  3. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 461
    Симпатии:
    303
    Пол:
    Мужской
  4. Offline

    ustmm Пользователь

    Регистрация:
    26.07.2012
    Сообщения:
    121
    Симпатии:
    1
    Пол:
    Мужской
    Конечно, заглядывал.
    Он чист - даже понятия не имею, что должно генерировать этот пробел.
     
  5. CB9T
    Offline

    CB9T Преподаватель по J! Команда форума

    Регистрация:
    21.05.2010
    Сообщения:
    2 461
    Симпатии:
    303
    Пол:
    Мужской
    плагин возможно (по опыту могу сказать), также другие расширения или JS
     
  6. Offline

    ustmm Пользователь

    Регистрация:
    26.07.2012
    Сообщения:
    121
    Симпатии:
    1
    Пол:
    Мужской
    Плагины - исключено. Отключил все плагины - не помогло.
    Модулей фактически нету - только слайдер.
     
  7. progmist
    Offline

    progmist Недавно здесь

    Регистрация:
    18.05.2009
    Сообщения:
    155
    Симпатии:
    10
    Пол:
    Мужской
    Здравствуйте, код шаблона выложите сюда
     
  8. Offline

    ustmm Пользователь

    Регистрация:
    26.07.2012
    Сообщения:
    121
    Симпатии:
    1
    Пол:
    Мужской
    Добрый день!
    Что интересно: когда инспектирую элемент - пробел есть; когда смотрю код страницы - не видно.
    http://s017.radikal.ru/i422/1302/1c/b29b7026da5e.png
    Index.php
    Код (PHP):
    1. <?php
    2. /**
    3.  * @version    $Id: index.php 20196 2011-01-09 02:40:25Z ian $
    4.  * @package    Joomla.Site
    5.  * @copyright  Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.
    6.  * @license    GNU General Public License version 2 or later; see LICENSE.txt
    7.  */
    8.  
    9. defined('_JEXEC') or die;
    10.  
    11. /* The following line gets the application object for things like displaying the site name */
    12. $app = JFactory::getApplication();
    13. ?>
    14. <?php echo '<?'; ?>xml version="1.0" encoding="<?php echo $this->_charset ?>"?>
    15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    17. <head>
    18. <jdoc:include type="head" />
    19. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
    20. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />
    21. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
    22. </head>
    23.  
    24. <body>
    25. <!-- Оболочка -->
    26. <div id="all">
    27. <!-- Шапка -->
    28. <div class="top">
    29.    <jdoc:include type="modules" name="top" style="xhtml" />
    30. </div>
    31. <div class="upper">
    32.    <jdoc:include type="modules" name="upper" style="xhtml" />
    33. </div>
    34. <div class="main">
    35.  
    36. <div id="inner">
    37.     <!-- левая колонка -->
    38.         <div id="logo"> 
    39.            <jdoc:include type="modules" name="logo" style="xhtml" />
    40.         </div>
    41.    <!-- Меню -->
    42.         <div id="main_menu"> 
    43.            <jdoc:include type="modules" name="main_menu" style="xhtml" />
    44.         </div> 
    45.         <div class="clear"></div>
    46.     </div>
    47.  
    48.    
    49. </div>
    50. <div id="slide"> 
    51.            <jdoc:include type="modules" name="slide" style="xhtml" />
    52.         </div> 
    53. <!-- Контейнер -->
    54. <div id="container">
    55.     <div id="inner"><div id="left"> 
    56.            <jdoc:include type="modules" name="sideleft" style="xhtml" />
    57.         </div>
    58.     <!-- Правая колонка -->
    59.         <div id="right"> 
    60.            <jdoc:include type="modules" name="sideright" style="xhtml" />
    61.         </div>
    62.        
    63.    <!-- Контент -->
    64.         <div id="center"> 
    65.            <jdoc:include type="component" />
    66.         </div> 
    67.         <div class="clear"></div>
    68.     </div>
    69.  
    70. </div>
    71. <!-- Нижний колонтитул - Подвал - footer -->
    72. <div class="foot">
    73.    <jdoc:include type="modules" name="footer" style="xhtml" />
    74. </div>
    75. <div class="copyright">
    76.    <jdoc:include type="modules" name="copyright" style="xhtml" />
    77. </div>
    78. </div>
    79. </body>
    80. </html>


    Стили
    Код (PHP):
    1. body {
    2.     min-width:600px; max-width:1000px;
    3.     margin:0 auto;
    4.     background: url(../images/bg.png) ;
    5.      -moz-box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Для Firefox */
    6.     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    7.     box-shadow: 0 0 20px rgba(0,0,0,0.5); /* Параметры тени */
    8.    
    9. }
    10.  
    11. .top{
    12.     }
    13. .upper{
    14.     display:block;
    15.     height:40px;
    16.     background: url(../images/top.png) ;
    17.     }
    18. #container {
    19.     position:relative;
    20.     display:block;
    21. background:white;
    22.     padding-left:20px;
    23.     padding-right:5px;
    24. }
    25. #main {
    26.     position:relative;
    27.     display:block;
    28. background:white;
    29.     }
    30. #inner {
    31.     display:block;
    32.     position:relative;
    33.     padding:0px;
    34. }
    35. #logo{
    36. background: url(../images/logo.png) ;
    37.  width:30%; height:90px; float:left;
    38. }
    39. #main_menu {
    40. font-family: Georgia, serif;
    41.  
    42.  
    43.  
    44. font-size:8px;
    45. background-color:  white;  height:90px; float:right; width:70%;
    46.  
    47. }
    48. #slide {
    49. background-color:white;   height:340px;  width:100%;
    50. background: url(../images/slide.png) no-repeat white;
    51. }
    52.  
    53. #right {
    54. background: url(../images/right.png) ;
    55.     background-color:#dddddd; width:247px; height:560px; float:right; padding:10px;
    56. }
    57. #left {
    58. background: url(../images/left.png) no-repeat white;
    59.     background-color:#dddddd; width:230px; height:570px; float:left; padding:0px;
    60.     padding-left:20px;
    61. }
    62. #center {
    63. margin-right: 280px;
    64.     margin-left:250px;
    65.     position:relative;
    66.     display:block;
    67.     height:1%;
    68. }
    69. .clear {
    70.     clear:both;
    71. }
    72.  
    73.  
    74. .foot {
    75.     display:block;
    76.     height:180px;
    77.     background: url(../images/footer.png) no-repeat white;
    78.     padding:1px;
    79.     padding-left:20px;
    80.     padding-right:5px;
    81. }
    82.  
    83. .copyright
    84. {
    85.     display:block;
    86.     height:60px;
    87.     background: url(../images/cop.png) no-repeat white;
    88.     padding:1px;
    89. }
    90.  
    91.  
    92.  
    93.  
    94. div.moduletablemain_menu ul {
    95. list-style: none; margin-top: -18px; padding: 0;
    96. }
    97.  
    98. div.moduletablemain_menu li {display: inline; }
    99. div.moduletablemain_menu a {
    100.  
    101. float: left;
    102. background-color: white;
    103. text-decoration: none;
    104. text-align: center;
    105. padding: 8px;
    106. padding-top:42px;
    107. font-size: 13px;
    108.  
    109. text-transform:uppercase;
    110. color: #666666;
    111.  
    112. letter-spacing: 0.2em;
    113.  
    114. }
    115. div.moduletablemain_menu a:hover {background: url(../images/menu_bg.png)  repeat-x; white;
    116.  
    117. height:120px;
    118.  color: white; }
    119.  
    120.  
    121.  H3 {
    122. font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    123. text-transform: uppercase;
    124. font-size:17px;
    125.  
    126.   }
    127.  
    128. H7 {
    129. font-size:21px;
    130. color: #666666;
    131. background: url(../images/h1.png) no-repeat right center white;
    132. display: block;
    133. font-family: Georgia, serif;
    134. text-align: left;
    135. }
    136.  
    137. H8 {
    138. font-size:18px;
    139. color: #666666;
    140. font-family: Georgia, serif;
    141. text-transform:uppercase;
    142.  
    143.    }
    144. H9 {
    145. font-size:13px;
    146. color: #666666;
    147. font-family: Georgia, serif;
    148. text-transform: uppercase;
    149.    }
    150. H10 {
    151. font-size:12px;
    152.   }
    153.  
    154.   H71 {
    155. font-size:21px;
    156. color: #666666;
    157. background: url(../images/h71.png) no-repeat right center white;
    158.  
    159. display: block;
    160. font-family: Georgia, serif;
    161. text-align: left;
    162.  text-transform:uppercase;
    163. }
    164.  
    165. copyright {
    166. font-size:15px;
    167. color: white;
    168. font-family: Georgia, serif;
    169.  
    170.    }
    171.    
    172.  
    173.  
    174. div.moduletableleft_menu{
    175.    float: left;
    176.    width: 200px;
    177.  
    178. }
    179.  
    180. div.moduletableleft_menu ul {
    181.    padding: 0;
    182.    margin: 0;
    183. }
    184.  
    185. div.moduletableleft_menu ul li {
    186.    float: left;
    187.    list-style: none;
    188.    width: 200px;
    189.    border-bottom: 1px solid #E0E0E0;
    190. }
    191.  
    192. div.moduletableleft_menu ul li a {
    193. font-family: Verdana, Geneva, sans-serif;
    194.  
    195.    display: block;
    196.    color: black;
    197.    height: 30px;
    198.    line-height: 35px;
    199.    text-decoration: none;
    200.    text-indent: 5px;
    201.    font-size:14px;
    202.    text-transform: uppercase;
    203. }
    204.  
    205. div.moduletableleft_menu ul li a:hover {
    206. color:#009DCE;
    207. text-decoration: none;
    208.    
    209. }
    210.  
    211.  
    212. div.moduletableleft_menu li.active a{
    213. color:#009DCE;
    214. text-decoration: none;
    215. font-weight: bolder;
    216. }
    217.  
    218. div.category_descr {
    219. height: 50px;
    220. font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    221. text-transform: uppercase;
    222. font-size:17px;
    223. background: url(../images/vm_cat.png) no-repeat;
    224. padding-top:15px;
    225. padding-left:40px;
    226.   }
    227.  
    228.  
    229. div.product_s_desc {
    230. font-size:12px;
    231. }
     
  9. progmist
    Offline

    progmist Недавно здесь

    Регистрация:
    18.05.2009
    Сообщения:
    155
    Симпатии:
    10
    Пол:
    Мужской
    Дело в компоненте
    пробел появляется здесь
    <div id="center">
    <jdoc:include type="component" />
    </div>

    т.е. выводится в компоненте

    какой компонент используется? ищите в шаблоне компонента
     
  10. Offline

    ustmm Пользователь

    Регистрация:
    26.07.2012
    Сообщения:
    121
    Симпатии:
    1
    Пол:
    Мужской
    Хм, если я правильно понимаю, этот компонент - com_content?
    Если убираю строку вообще - соответсвенно материал не выводится, но проблема не решилась - над позициями так и остался пробел.
     
  11. Offline

    ustmm Пользователь

    Регистрация:
    26.07.2012
    Сообщения:
    121
    Симпатии:
    1
    Пол:
    Мужской
    Вобщем проблема решилась следующим образом: оказывается ,между
    Код (PHP):
    1. <div class="top"><jdoc:include type="modules" name="top" style="xhtml" /></div>
    2. <div class="upper"><jdoc:include type="modules" name="upper" style="xhtml" /></div>

    и
    Код (PHP):
    1. <div class="top">
    2.    <jdoc:include type="modules" name="top" style="xhtml" />
    3. </div>
    4. <div class="upper">
    5.    <jdoc:include type="modules" name="upper" style="xhtml" />
    6. </div>

    Есть разница! Не пойму как, но пробелы между дивами и делали пробелы на сайте...
    Спасибо всем!
     

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

Загрузка...