Joomla 1.5 [Проблема] Фотогалерея отображается в одну колонку

Тема в разделе "Внешний вид, шаблоны, графика", создана пользователем Mortal_Hero, 11.09.2010.

  1. Offline

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

    Регистрация:
    11.09.2010
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Я установливал на сайт несколько фотогалерей, но проблема остается.

    Требуется, чтобы эскизы фотографий отображались минимум в 2 колонки, а в итоге все фотографии располагаются в одной.

    Использовал галерею PhocaGallery и JoomGallery. Ничего не помогает.

    Вот скриншот, как сейчас выглядит фотогалерея:

    [​IMG]

    Как исправить проблему?
    Заранее спасибо :[
     
  2.  
  3. Лат
    Offline

    Лат Звоните 8 (905) 778-52-44

    Регистрация:
    31.01.2007
    Сообщения:
    1 751
    Симпатии:
    113
    Пол:
    Мужской
    Шаблон на стандартный попробуйте поменять
     
    Mortal_Hero нравится это.
  4. Offline

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

    Регистрация:
    11.09.2010
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Заменил на стандартный.

    Фотографии отображаются в две колонки, как и требуется.
    Но как я не старался, на нужном мне шаблоне - фотографии в обоих галереях отображаются в одну колонку.


    Самое странное, что места же достаточно, в настройках галерей я и вручную уже даже указывал ширину галереи - всё в пустую.
     
  5. Лат
    Offline

    Лат Звоните 8 (905) 778-52-44

    Регистрация:
    31.01.2007
    Сообщения:
    1 751
    Симпатии:
    113
    Пол:
    Мужской
    Шаблон кривой( надо переверстывать
     
  6. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
  7. Offline

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

    Регистрация:
    11.09.2010
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Полностью? =O

    Вот CSS и HTML код шаблона, мне кажется что ответ должен был храниться где то в CSS, но перепробывал много вариантов - пока без результатно...

    Код (PHP):
    1. <?php
    2. defined( '_JEXEC' ) or die( 'Restricted access' );
    3. ?>
    4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
    6. <head>
    7. <title>[Dexessus || Official Site]</title>
    8. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/dexessus/css/template_css.css" type="text/css" />
    9. <!--[if lte IE 6]>
    10. <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
    11. <![endif]-->
    12. </head>
    13. <body>
    14. <div id="page">  
    15.  
    16. <div id="head"><object type="application/x-shockwave-flash" data="http://dexessus.od.ua/templates/dexessus/head.swf" width="744" height="219">
    17. <param name="movie" value="http://dexessus.od.ua/templates/dexessus/head.swf" />
    18. <param name="allowScriptAccess" value="always" />
    19. <img src="http://dexessus.od.ua/templates/dexessus/images/noflash.gif"  width="800" height="219" alt="" />
    20. </object></div>  
    21.  
    22.  
    23.  <div id="leftcolumn" class="top"></div>
    24.  <div id="leftcolumn"><jdoc:include type="component" /></div>  
    25.  <div id="sidebar"><p><jdoc:include type="modules" name="advert1" /> </p></div>
    26.  <div id="sidebar" class="middle"></div>
    27.  <div id="banner">
    28. <a href="http://vkontakte.ru/club4912393"><img src="images/banners/vkontakte.gif" width="168" height="54" border="0" alt="Dexessus || � ��������"></a>
    29. <a href="http://www.myspace.com/dexessus"><img src="images/banners/myspace.gif" width="168" height="63" border="0" alt="Dexessus �� MySpace"></a>
    30. </div>  
    31.  <div id="footer"></div>
    32. </div>
    33. </body>
    34. </html>



    Код (CODE):
    1. /* Theme name: DEXESSUS
    2. Color scheme: Gray and green
    3. Author: Kosyak
    4. Creation date: March 2010 */
    5.  
    6. /* Begin main structure */
    7. body {
    8.     background: #101010;   
    9.     margin: 0 0 20px 0;
    10.     padding: 0;
    11.     }
    12.  
    13. #page {
    14.     overflow: hidden;
    15.     background: url(../images/page.gif) repeat-y;
    16.     margin: 20px auto;
    17.     padding: 0;
    18.     width: 800px;
    19.     min-height: 450px;
    20.     /* max-height: 800px; */
    21.     }
    22.  
    23. #head {
    24.     margin: 0;
    25.     padding: 0;
    26.     height: 219px;
    27.     width: 800px;
    28.     }  
    29.  
    30. #leftcolumn {
    31.     overflow: hidden;
    32.     float: left;
    33.     padding: 0 0px 0px 50px;
    34.     margin: 0px;
    35.     width: 386px;
    36.     /* max-height: 450px; */
    37.     /* height: 450px; */
    38.     }
    39.    
    40. #leftcolumn.top {
    41.     background: url(../images/top.gif) no-repeat;
    42.     overflow: hidden;
    43.     float: left;
    44.     padding: 0;
    45.     margin: 0;
    46.     width: 800px;
    47.     height: 42px;
    48.     }
    49.  
    50. #footer {
    51.     background: url(../images/footer.gif) no-repeat;
    52.     padding: 0;
    53.     margin: 0 auto;
    54.     width: 800px;
    55.     height: 30px;
    56.     clear: both;
    57.     bottom: 20px;
    58.     }
    59.    
    60. #sidebar {
    61.     overflow: hidden;
    62.     background: url(../images/right.gif) repeat-y;
    63.     margin-left: 483px;
    64.     padding: 0 40px;
    65.     width: 237px;
    66.     height: 100px;
    67.     max-height: 180px;
    68.     }
    69.    
    70. #sidebar.middle {
    71.     padding: 0;
    72.     overflow: hidden;
    73.     background: url(../images/middle.gif) no-repeat;
    74.     margin-left: 483px;
    75.     width: 317px;
    76.     height: 52px;
    77.     }
    78.    
    79. #banner {
    80.         padding-left: 70px;
    81.     overflow: hidden;
    82.     background: url(../images/sright.gif) repeat-y;
    83.     margin-left: 482px;
    84.     width: 317px;
    85.     height: 150px;
    86.     }
    87. /* End main structure */
    88.  
    89. /* Begin text style */
    90.  
    91. a {
    92. color: #808080;
    93. }
    94.  
    95. a:hover {
    96. color:#00cc33;
    97. }
    98.  
    99. .componentheading {
    100. color: #FFFFFF;
    101. font-size: 10pt;
    102. }
    103.  
    104. .contentheading {
    105. color: #E0E0E0;
    106. font-size: 12pt;
    107. }
    108.  
    109. p {
    110. font-family: Tahoma;
    111. color: white;
    112. font-size: 8pt;
    113. }
    114.  
    115. .date {
    116. font-family: Arial;
    117. font-size: 9pt;
    118. color: #707070;
    119. }


    Вот ссылка на страницу фотогалереи, т.к. шапку с меню я пока не делал, по причине не нормальной работы фотогалереи. :(
    Ссылка на галерею Phoca Gallery
     
  8. DKraev
    Offline

    DKraev <i>(aka gft)</i>

    Регистрация:
    16.08.2008
    Сообщения:
    1 627
    Симпатии:
    216
    Пол:
    Мужской
    Так а как она будет работать, если CSS галереи даже не цепляется. head в index.php должен выводиться так:

    Код (PHP):
    1. <jdoc:include type="head" />


    Тогда автоматом будут цепляться все необходимые CSS и скрипты при установке компонентов/модулей.

    Посмотрите index.php из стандартного шаблона, например - rhuk_milkyway и сделайте так же как там.
     
    Mortal_Hero нравится это.
  9. Offline

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

    Регистрация:
    11.09.2010
    Сообщения:
    5
    Симпатии:
    0
    Пол:
    Мужской
    Ах как всё было просто... :(

    Огромное спасибо! Никогда бы в жизни не догадался... Всем +!
    Тему закрыть. :)
     

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

Загрузка...