2015-04-22 2 views
1

Я пытаюсь добавить кнопки для социальных сетей на свой сайт. Кнопки Facebook и Twitter размещены правильно, но Google+ - нет. Когда я добавляю виджет на свою страницу, он отображается, но когда я пытаюсь разместить его с помощью css, размещение отключено, и я не могу изменить размещение высоты независимо от того, выполняю ли я «нижние» или «верхние» задания. Он все еще находится в одном и том же верхнем/нижнем месте, хотя он изменил свое положение по горизонтали, но вертикально он не будет размещаться правильно.Google+ follow button не использует правильное размещение

HTML:

<head> 
<script src="https://apis.google.com/js/platform.js" async defer></script> 
</head> 

<body> 
</body> 

<footer> 
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/111912430241269180209" data-rel="author"></div> 
</footer> 

CSS:

.googlePlusTextForButton{ 
    position: absolute; 
    color: #ffffff; 
    top: 30px; 
    left: 50%; 
    margin-left: 300px; 
} 
+1

Создайте https://jsfiddle.net/ с кодом, чтобы объяснить, что не так. – cDima

+0

Это трудно сделать с помощью jsfiddle, так как вам нужен локальный хост или другой хост, чтобы увидеть кнопки Facebook и Google+. – Fulgut98

ответ

2

Ничего, я выяснил, как это исправить. Если у кого-то такая же проблема, я просто сделал второй div вокруг кнопки Google+, а затем использовал этот div, чтобы переместить его с помощью css.

0

Вы сказали, что горизонтальное положение правильно, или, по крайней мере, что CSS влияет на его правильно. Ваш css использует margin-left для перемещения по горизонтали, но вы используете top для перемещения по вертикали. Возможно, margin-top будет работать для вертикального размещения. Вам также может потребоваться удалить абсолютное позиционирование.

+0

Я пробовал, он по-прежнему не работает. – Fulgut98

 Смежные вопросы

  • Нет связанных вопросов^_^