Ich kann den FB-Like-Button und den Tweet-Button nicht nebeneinander anzeigen lassen!
HTML:
%Vor%CSS:
%Vor%Ich habe jede denkbare Kombination ausprobiert, ohne Erfolg. Hilfe bitte!! CSS wird der Tod von mir sein ...
Während wir uns mit diesen Schaltflächen befassen, wissen wir alle, dass sie die Ladezeit Ihrer Seite verdoppeln und verdreifachen, weil sie viele JS-Aufrufe ausführen, besonders wenn Sie auf einer Blog-Indexseite arbeiten. Hat jemand irgendwelche Ideen, wie man diese Situation beheben kann? Ich benutze bereits Disqus, und jetzt kann das Hinzufügen von FB und Twitter meine Indexseite bis zu 5 Sekunden dauern. So langsam. Wäre es nicht hilfreich, die Tasten zu drücken?
Danke!
BEARBEITEN: Tatsächliches HTML aus Firebug:
%Vor%Wie wäre es mit:
%Vor% Es würde helfen, Ihr aktuelles HTML zu sehen. <fb:like> ist kein HTML-Tag, es ist Facebooks kleine Markup-Sprache (FBML), und es wird durch tatsächlichen HTML ersetzt, wenn Facebook's JavaScript läuft.
(Ich glaube, dass sie auch FBML ablehnen wollen - vielleicht wollen Sie sich den <iframe> -basierten Button ansehen.)
Um Ihre zweite Frage zu beantworten, möchten Sie das Javascript asynchron laden - jemand hat das Twitter-Skript dazu geändert, und ich könnte mir vorstellen, dass das Facebook-Skript modifiziert wurde, um das Gleiche zu tun.
Ich kann Links bei Google nicht so leicht finden, aber für 5 Sekunden eine Seite bin ich sicher, dass Sie die Motivation haben!
Die einfachste Lösung, die ich gefunden habe, besteht darin, Ihre Knöpfe in ein LI innerhalb eines UL zu wickeln.
Nimm deinen Facebook Button:
%Vor%Ändern Sie das DIV-Tag in LI und stellen Sie es mit den übrigen Tasten im UL ein:
%Vor%Und setzen Sie Ihre CSS-Breite für die Klasse fb-like auf etwas, das näher an der tatsächlichen Größe liegt.
Sie können folgenden CSS Class Ihren Listenelementen zuweisen
oder
%Vor%Ich verbrachte auch viel Zeit, um sie zusammen zu bringen und nebeneinander zu zeigen und fand schließlich die einfachste Lösung.
Sie müssen einfach HTML-Codes zwischen:
%Vor%