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

ovic · 20 июня 2015, 19:24:31

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

PrestaMan · 20 июня 2015, 19:39:57

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

ovic · 20 июня 2015, 20:30:15

Цитата: PrestaMan от 20 июня 2015, 19:39:57
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 · 20 июня 2015, 22:30:19

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

ovic · 20 июня 2015, 23:03:06

Цитата: DarinSr от 20 июня 2015, 22:30:19
Поместите каждый счетчик в div или span. Меняя отступы padding можно регулировать вывод счетчиков в div/span.

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

coder · 21 июня 2015, 10:41:36

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

Код Выделить

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

ovic · 21 июня 2015, 12:47:09

Цитата: coder от 21 июня 2015, 10:41:36
Вынести нужно счетчики из футера. Код счетчиков добавляют перед закрыващим тегом body.
Код Выделить Развернуть
</div> вот тут код счетчиков </body> </html>

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

ovic · 21 июня 2015, 13:00:00

при использовании </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 · 21 июня 2015, 15:26:59

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

Код Выделить

                </div>

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

        </body>
</html>

или

Код Выделить

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

Для класса compt добавляете стили в global.css.

DarinSr · 21 июня 2015, 15:37:34

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

ovic · 21 июня 2015, 15:53:00

Цитата: Adik от 21 июня 2015, 15:26:59
Потому что вставлены счетчики в теги <i></i>. Как нужно сделать вам написали.
Код Выделить Развернуть
</div> <div class="compt">вот тут код счетчиков</div> </body> </html>
или

Код Выделить Развернуть
<div class="compt">вот тут код счетчиков</div> </footer> </div> </body> </html>
Для класса compt добавляете стили в global.css.

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

в долгу не останусь.

ovic · 21 июня 2015, 16:03:26

файл

Миколас · 21 июня 2015, 17:24:15

footer.tpl

Код Выделить

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

global.css

Код Выделить

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

ovic · 21 июня 2015, 21:19:43

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