Rechts align Facebook Like Button

StackOverflow https://stackoverflow.com/questions/4118475

Frage

Ich bin ein Facebook-Like-Button platzieren kann auf meiner Website, aber wie mache ich es rechtsbündig im div / iframe werden, um es in ist?

Ich habe versucht, verschiedene CSS-Eigenschaften der Anwendung, aber ich konnte nichts in der iframe zu bewegen bekommen.

War es hilfreich?

Lösung

iframe ist ein Inline-Element, können Sie 

text-align: right

für ein div, die dieses iframe enthält, oder schweben die iframe auf der rechten Seite, aber nur um sicher den Schwimmer danach klar machen.

Beispiel: http://jsfiddle.net/Mujj6/3/
und http://jsfiddle.net/Mujj6/5/

Andere Tipps

Ich denke, diese Verbindung helfen könnten: http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css-and-Settings.aspx

Es heißt, die Breite auf „0“ gesetzt. Dann wird die Box Autoresize von Facebook und Sie können einen Schwimmer Recht auf diesem Feld an.

Es scheint, als gäbe es viele Möglichkeiten gibt, diese, dass die Arbeit in verschiedenen Situationen zu erreichen.

Keine der oben schien zu machen keinen Unterschied zu der Position meines ‚wie‘ Knopf, aber ein wenig Versuch und Irrtum mit einem „ margin-left “ Tag und ich habe es in den rechten Platz.

Vielen Dank für die Eingabe aller. Die Position relativ Trick nicht immer tut es für mich: 

div.around-fb-like{
    position:relative;
    float:right;
}

Bisher dies war zuverlässiger: 

#fb-root{
    position:absolute;
    left:-1000%;
}

Was ist in beschrieben Embed Facebook Like Button - Right align mit CSS und Einstellungen funktioniert. Doch in meiner Website, ich hatte den Stil zu ändern 

position:relative; right:-130px;

das ‚wie‘ soziale Plug-in scheint Arten innerhalb des iframe geändert zu haben. was ist der beste Weg, um die ‚wie‘ fließt rechts auf der folgenden Seite?

zu verhindern

[http://www.biographile.com/the-righteousness-and-ruin-of-science-on-this-week-in-history/16573/] [1]

Mit DIV ist es einfach: 

.fb-like{ vertical-align:top;}

geschrieben auch auf SimpleMediaCode.info ( http://e-art.lv/x/fbas)

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top