Автор Тема: Размещение блоков рядом  (Прочитано 213 раз)

19 Апреля 2015, 15:21:42
  • Новичок
  • *
  • Сообщений: 15
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В footer.tpl почти в конец добавил виджеты vk.com и ok.ru друг за другом.
Но почему то они отображаются на странице не на одной строке а прямо друг под другом.
Кто-нибудь может объяснить?
Если что - вот скрипты из footer.tpl{literal}
<script type="text/javascript" src="//vk.com/js/api/openapi.js?116"></script>

<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 0, width: "525", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 85931901);
</script>

<div id="ok_group_widget"></div>
<script>
!function (d, id, did, st) {
  var js = d.createElement("script");
  js.src = "http://connect.ok.ru/connect.js";
  js.onload = js.onreadystatechange = function () {
  if (!this.readyState || this.readyState == "loaded" || this.readyState == "complete") {
    if (!this.executed) {
      this.executed = true;
      setTimeout(function () {
        OK.CONNECT.insertGroupWidget(id,did,st);
      }, 0);
    }
  }}
  d.documentElement.appendChild(js);
}(document,"ok_group_widget","50582132228315","{width:525,height:285}");
</script>
{/literal}
19 Апреля 2015, 16:37:35
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 13287
  • Репутация: +14557/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Места не хватает. Если ширина позволяет, то добавьте стили
#vk_groups, #ok_group_widget{float:left;}
19 Апреля 2015, 17:47:24
Ответ #2
  • Новичок
  • *
  • Сообщений: 15
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо большое! а как сделать чтобы эти виджеты в мобильной версии тоже сужались автоматически как остальные блоки? а то все сужается а их ширина остается фиксированной, поэтому страницу можно прокручивать вправо
19 Апреля 2015, 19:03:55
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 20843
  • Репутация: +25277/-0
  • Prestashop - просто и эффективно
    • Просмотр профиля
Виджеты настраиваются на сайтах сетей.
VK.Widgets.Group("vk_groups", {mode: 0, width: "525", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 85931901);у вас фикс. ширина 525px. Установите ширину в процентах.
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!
19 Апреля 2015, 19:24:49
Ответ #4
  • Новичок
  • *
  • Сообщений: 15
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
19 Апреля 2015, 21:36:09
Ответ #5
  • Новичок
  • *
  • Сообщений: 15
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
не получается, ok.ru не поддается манипуляции - ничего кроме px он не воспринимает. А может как-то через стили?
19 Апреля 2015, 21:47:31
Ответ #6
  • Ветеран
  • *****
  • Сообщений: 1010
  • Репутация: +2/-0
  • Сообщество PrestaShop
    • Просмотр профиля
#vk_groups, #ok_group_widget{
    float:left;
    width: 50% !important;
}