Ошибка Google Plus во всплывающем окне css

Я попытался внедрить кнопку Google Plus на нашем сайте, но всплывающее окно выглядит очень странно. введите описание изображения здесь

Я использовал следующий код:

<g:plusone annotation="none"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Мы используем какую-то таблицу на нашей странице, и кажется, что она сбрасывает CSS кнопки Google Plus. (Я знаю, странно использовать таблицы как часть дизайна, поэтому мы используем их правильно, а не для макета!)

Поскольку нам нужен этот код css, как я могу переопределить css пузыря общего доступа Google +?

Это так важно, я видел некоторые детали, такие как .pls-topTail, .pls-vertShimLeft, .pls-contentLeft, но какой-либо правильной документации по этому поводу я еще не видел.


person tildy    schedule 07.12.2011    source источник


Ответы (2)


Вы можете использовать Firebug для проверки css всплывающего окна "google".

person rekire    schedule 07.12.2011
comment
Я всегда использую firebug, но это всплывающее окно исчезает очень быстро, поэтому я не вижу, что происходит. Осмотреть действительно сложно, попробуйте :) - person tildy; 07.12.2011
comment
Вы можете попробовать нажать кнопку паузы на вкладке скрипта firebug. На данный момент я не могу понять, как запустить ваш пример в моем браузере. У меня теперь белая страница :-) - person rekire; 07.12.2011
comment
Хм, неплохая идея! Я не использовал это раньше, но в настоящее время я могу видеть код, который я получил от Google. - person tildy; 07.12.2011

Добавлена ​​таблица: not (.gc-bubbleDefault) в CSS везде, где ранее была определена только таблица, решила проблему.

person tildy    schedule 07.12.2011