Почему в футере виджет "фламп 2гис" выпрыгивает из строки?

[ovic]

Помогите с решением ( На форуме ответа не нашел...пробовал исправить и никак...

[PrestaMan]

Firebug установите. Запустите консоль (нажать F12), выделите этот элемент и увидите какие стили нужно поменять.

[ovic]

Firebug установите. Запустите консоль (нажать F12), выделите этот элемент и увидите какие стили нужно поменять.

стиль отличается, а как его изменить??

сайт http://climate-evolution.ru
код

Код: [Выделить]

{literal} <a class="flamp-widget" href="http://novosibirsk.flamp.ru/firm/ehvolyuciya_klimata_internet_magazin-70000001006194770" data-flamp-widget-type="small" data-flamp-widget-color="yellow" data-flamp-widget-text-color="black" data-flamp-widget-id="70000001006194770">Отзывы о нас на Флампе</a><script>!function(d,s){var js,fjs=d.getElementsByTagName(s)[0];js=d.createElement(s);js.async=1;js.src="//widget.flamp.ru/loader.js";fjs.parentNode.insertBefore(js,fjs);}(document,"script");</script>{/literal}

[DarinSr]

Поместите каждый счетчик в div или span. Меняя отступы padding можно регулировать вывод счетчиков в div/span.

[ovic]

Поместите каждый счетчик в div или span. Меняя отступы padding можно регулировать вывод счетчиков в div/span.

( не то, есть еще варианты?

[coder]

Вынести нужно счетчики из футера. Код счетчиков добавляют перед закрыващим тегом body.

Код: [Выделить]

                </div>
вот тут код счетчиков
        </body>
</html>

[ovic]

Вынести нужно счетчики из футера. Код счетчиков добавляют перед закрыващим тегом body.

Код: [Выделить]

                </div>
вот тут код счетчиков
        </body>
</html>

при использовании </body> счетчик исчезает...

[ovic]

при использовании </body> счетчик исчезает...

вот флампа:

Код: [Выделить]

{literal} <a class="flamp-widget" href="http://novosibirsk.flamp.ru/firm/ehvolyuciya_klimata_internet_magazin-70000001006194770" data-flamp-widget-type="small" data-flamp-widget-color="yellow" data-flamp-widget-text-color="black" data-flamp-widget-id="70000001006194770">Отзывы о нас на Флампе</a><script>!function(d,s){var js,fjs=d.getElementsByTagName(s)[0];js=d.createElement(s);js.async=1;js.src="//widget.flamp.ru/loader.js";fjs.parentNode.insertBefore(js,fjs);}(document,"script");</script>{/literal}         
вот счетчика:

Код: [Выделить]

{literal}<!-- Yandex.Metrika informer -->
<a href="https://metrika.yandex.ru/stat/?id=27478890&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/27478890/3_0_FFFFFFFF_EFEFEFFF_0_pageviews"
style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" onclick="try{Ya.Metrika.informer({i:this,id:27478890,lang:'ru'});return false}catch(e){}"/></a>
<!-- /Yandex.Metrika informer -->
почему они не ровно встают?

[Adik]

Потому что вставлены счетчики в теги <i></i>. Как нужно сделать вам написали.

Код: [Выделить]

                </div>

                <div class="compt">вот тут код счетчиков</div>

        </body>
</html>или
 

Код: [Выделить]

                               <div class="compt">вот тут код счетчиков</div>
                        </footer>
                </div>
</body>
</html>Для класса compt добавляете стили в global.css.

[DarinSr]

Поместите счетчик флампа в контейнер и установите в стилях этого блока padding-top или margin-top.

[ovic]

Потому что вставлены счетчики в теги <i></i>. Как нужно сделать вам написали.

Код: [Выделить]

                </div>

                <div class="compt">вот тут код счетчиков</div>

        </body>
</html>или
 

Код: [Выделить]

                               <div class="compt">вот тут код счетчиков</div>
                        </footer>
                </div>
</body>
</html>Для класса compt добавляете стили в global.css.

сайт вылетает с этим кодом...или у меня знаний не хватает, помогите сделать  в долгу не останусь.

[ovic]

файл

[Миколас]

footer.tpl

Код: [Выделить]

<div class="counter">
Фламп
</div>
<div class="counter">
Yandex.Metrika
</div>
global.css

Код: [Выделить]

.counter{
  float:left;
  margin: 8px 10px 0 0;
}

[ovic]

Получилось! Спасибо огромное PrestaMan, DarinSr, coder, Adik и отдельное Nikola!!!