XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   Javascript & Ajax (http://xhtmlforum.de/forumdisplay.php?f=83)
-   -   Google Übersetzer verschiebt Pinterest-Hover-Button (http://xhtmlforum.de/showthread.php?t=71714)

Uwe_B 07.02.2015 18:35

Google Übersetzer verschiebt Pinterest-Hover-Button
 
Hallo zusammen,
ich habe auf einer meiner Seiten Pinterest im Einsatz, es erscheint ein "Pin It"-Button auf den Bildern, wenn man diese mit der Maus ansteuert. Dafür befindet sich dieses Script im Footer meiner Seite:

Code:

<script type="text/javascript" async defer  data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>
Klappt auch wunderbar. Wenn ich jetzt allerdings zusätzlich den Google Übersetzer in die Seite einbaue, verschiebt sich der Pinterest-Button innerhalb der Bilder etwas nach unten, ich tippe mal so weit wie der Übersetzer-Button hoch ist. Hier der Code:

Code:

<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
  new google.translate.TranslateElement({pageLanguage: 'de', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, gaTrack: true, gaId: 'UA-XXXXXX-XX'}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Kennt jemand diesen Bug und hat vielleicht sogar jemand eine Lösung, bzw. eine Ahnung woran das liegen könnte?

Danke!

cloned 09.02.2015 09:20

Liegt sicher am CSS. Nimm den Firebug in die Hand und untersuch die Elemente, dann kannst du das bestimmt schnell feststellen.

Uwe_B 10.02.2015 08:56

Das ist naheliegend, werde ich mir mal genauer anschauen, auf den ersten Blick habe ich nichts entdeckt. Aber eigenartig ist es schon, da müssten ja irgendwelche Klassen bei Pinterest und Google Translate den gleichen Namen haben..

cloned 10.02.2015 09:09

Nein das muss nicht sein, es kann auch andere Ursachen haben. So können auch höhen, line-height, margin, padding oder sonstige Angaben dafür verantwortlich sein.

Uwe_B 10.02.2015 16:01

Der Pin-It-Hover-Button wird nur falsch dargestellt, wenn das zitierte Google-Skript auf der Seite ist, also muss das Google-Script ja irgendetwas formatieren, was über die eigenen Klassen hinausgeht oder zufällig den selben Namen wie eine Pinterest-Klasse hat. Oder sehe ich das flasch?

cloned 10.02.2015 16:13

Ja, irgendein CSS wird das verursachen (wie auch schon meine letzten zwei Posts sagen). Keine Ahnung, welches.


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:59 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023