Droite aligner Facebook comme bouton

Je suis capable de mettre un bouton j'aime Facebook sur mon site web, mais comment puis-je le faire pour être aligné à droite dans le div/iframe Il est dedans?

J'ai essayé d'appliquer diverses propriétés CSS, mais je n'ai rien pu bouger dans l'iframe.

22
demandé sur Peter Mortensen 2010-11-07 18:58:02

7 réponses

iframe est un élément en ligne, vous pouvez utiliser

text-align: right

Pour un div qui contient cet iframe, ou flotter l'iframe vers la droite, mais assurez-vous simplement d'effacer le flotteur après.

Échantillon: http://jsfiddle.net/Mujj6/3/
et: http://jsfiddle.net/Mujj6/5/

3
répondu 太極者無極而生 2013-07-11 23:16:43

Je pense que ce lien pourrait aussi aider: http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css-and-Settings.aspx

Il dit de définir la largeur à "0". Ensuite, la boîte sera autoresize par Facebook et vous pouvez appliquer un flotteur droit à cette boîte.

14
répondu SequenceDigitale.com 2012-03-12 15:51:47

Semble qu'il existe de nombreuses façons d'y parvenir qui fonctionnent dans différentes situations.

Aucun de ce qui précède ne semblait faire de différence dans la position de mon bouton "j'aime", mais un peu d'essais et d'erreurs avec une balise" margin-left " et je l'ai eu au bon endroit.

1
répondu Chris Sharp 2012-11-21 13:44:07

Merci pour la contribution de tout le monde. L'astuce relative à la position ne le fait pas toujours pour moi:

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

Jusqu'à présent, cela a été plus fiable:

#fb-root{
    position:absolute;
    left:-1000%;
}
1
répondu site 2013-07-11 23:17:59

Ce Qui est décrit dans intégrer Facebook comme bouton-droite aligner avec CSS et paramètres ça marche. Cependant, dans mon site web, j'ai dû changer le style à

position:relative; right:-130px;
1
répondu pallu 2013-07-11 23:55:08

Le plug-in social 'like' semble avoir changé de style dans l'iframe. Quelle est la meilleure façon d'empêcher le "j'aime" de couler à droite, sur la page suivante?

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

0
répondu Rafael Da Costa 2013-04-24 14:54:06

Avec DIV c'est facile:

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

Posté aussi sur SimpleMediaCode.info ( http://e-art.lv/x/fbas )

0
répondu Umbrovskis.com 2013-07-11 23:16:06