Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Вывод категорий в модуле Category Wall


hot1k

Recommended Posts

display:inline

не помогло

так описан модуль в stylesheet.css:

/*categoryhome*/

.box-product .yoz:hover {

opacity:0.5; /* FF, Opera, Safari, Chrome */

}

.box-product .yoz {

opacity: 0.9;

margin: 5px;

-webkit-box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

padding: 5px;

border: 0px double #CCCCCC;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

display:inline-block;

}

Надіслати
Поділитися на інших сайтах


сложно играться с css, проще залейте на хостинг какой то и там разобрать можно, а вот угадывать сложно, примените к ДИВу что то типа:

{

  • width: 95px;
  • display: inline-block;
  • vertical-align: top;
  • margin-right: 20px;
  • margin-bottom: 20px;

}

Надіслати
Поділитися на інших сайтах

  • 1 month later...

Решилось добавлением <div class="spisok"> в файл categoryhome.tpl выглядит так:

<div class="box">

<div class="box categoryhome">

<div class="box-heading"><?php echo $heading_title; ?></div>

<div class="box-content">

<div class="box-product">

<?php foreach ($categoryhome as $categoryhome) { ?>

<div class="spisok">

<div class="yoz"><a href="<?php echo $categoryhome['href']; ?>"><img src="<?php echo $categoryhome['thumb']; ?>" alt="<?php echo $categoryhome['name']; ?>" border="1" title="<?php echo $categoryhome['name']; ?>" /></a></div>

<div class="name"><a href="<?php echo $categoryhome['href']; ?>"><?php echo $categoryhome['name']; ?></a></div>

</div>

<?php } ?>

</div>

</div>

</div>

Далее в файл stylesheet.css добавление:

.spisok {

display:inline-block;

width: 110px;

height:150px;

}

Стало выглядеть:

/*categoryhome*/

.box-product .yoz:hover {

opacity:0.5; /* FF, Opera, Safari, Chrome */

}

.spisok {

display:inline-block;

width: 110px;

height:150px;

}

.box-product .yoz {

opacity: 0.9;

margin: 10px 0 0 5px;

-webkit-box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

box-shadow: 0px 0px 9px 1px rgba(1, 1, 1, 0.5);

padding: 0px;

border: 0px double #CCCCCC;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

display: inline-block;

}

  • +1 1
Надіслати
Поділитися на інших сайтах


  • 11 months later...
Гість
Ця тема закрита для публікації повідомлень.
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.