Как вперед текста поставить кнопку оценки (кнопка нравится)?

голоса: 0

Вот код:

 

Дополнительные лайки ВК:

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?168"></script>

<script type="text/javascript">
 VK.init({apiId: 7804596, onlyWidgets: true});
</script>

<!-- Put this div tag to the place, where the Like block will be -->
<div id="vk_like"></div>
<script type="text/javascript">
VK.Widgets.Like("vk_like", {type: "button"});
</script>
</div>

 

Адрес сайта mv-games.org/games/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: Yuri_Geruk

Ответов: 1

голоса: 0
 
Лучший ответ
На какой конкретно странице эту кнопку можно увидеть, пример приведите, ссылку на страницу.
| Автор:
Выбор ответа лучшим | | Автор: Marin Buchkov
https://mv-games.org/photo/ проблема в том что именно кнопка от вк почему не переносится в перед текста, я вот ссылку отправил, переходите на любую фотку и внизу там увидите
Заранее извините за такой глупый вопрос, если бы сам разобрался я бы такой вопрос не задавал бы
Marin Buchkov,

Попробуйте в стили прописать:

div#vk_like { display: inline-block; top: 5px; }

Yuri_Geruk,

Спасибо. Написал вот так:

<style>
   #layer1, #layer2 {
    position: relative; /* Относительное позиционирование */
   } 
   #layer2{
    top: -35px; /* Сдвигаем вверх */
    left: 185px; /* Сдвигаем вправо */
    display: inline-block;
   }
  </style>
    
<p>Дополнительные лайки ВК:</p>

<div id="layer2">Сюда вставил код на кнопку</div>

 

Только теперь другая проблема, у меня отступ появился снизу

Скрин:

...