zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Google Übersetzer verschiebt Pinterest-Hover-Button

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.02.2015, 17:35
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.11.2006
Beiträge: 36
Uwe_B befindet sich auf einem aufstrebenden Ast
Frage 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!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.02.2015, 08:20
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.062
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

Liegt sicher am CSS. Nimm den Firebug in die Hand und untersuch die Elemente, dann kannst du das bestimmt schnell feststellen.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.02.2015, 07:56
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.11.2006
Beiträge: 36
Uwe_B befindet sich auf einem aufstrebenden Ast
Standard

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..
Mit Zitat antworten
  #4 (permalink)  
Alt 10.02.2015, 08:09
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.062
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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.
Mit Zitat antworten
  #5 (permalink)  
Alt 10.02.2015, 15:01
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 24.11.2006
Beiträge: 36
Uwe_B befindet sich auf einem aufstrebenden Ast
Standard

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?
Mit Zitat antworten
  #6 (permalink)  
Alt 10.02.2015, 15:13
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 2.062
cloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekanntcloned ist jedem bekannt
Standard

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

Stichwörter
button, design, google, inkompatibel, pin it, pinterest, translate, übersetzer

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 19:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 04:05 Uhr.