Aligné à droite Facebook comme le bouton

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

Question

Je suis en mesure de mettre un Facebook comme le bouton sur mon site, mais comment puis-je faire pour être aligné à droite dans le div / iframe il est?

J'ai essayé d'appliquer différentes propriétés CSS, mais je ne pouvais pas obtenir quoi que ce soit pour se déplacer dans le iframe.

Était-ce utile?

La solution

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

text-align: right

pour un div contenant cette iframe, ou faire flotter le iframe à droite, mais assurez-vous juste pour effacer le flotteur après.

échantillon

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

Autres conseils

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

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

semble que il y a plusieurs façons d'y parvenir que le travail dans des situations différentes.

Aucune de ces semblait faire une différence dans la position de mon « comme » le bouton, mais un peu d'essai et d'erreur avec un « margin-left » tag et je l'ai obtenu dans le droit lieu.

Merci pour les commentaires de chacun. La position tour par rapport n'a pas toujours le faire pour moi: 

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

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

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

Ce qui est décrit dans Intégrer Facebook bouton Like - Aligner à droite avec CSS et les paramètres œuvres. Cependant, dans mon site, je devais changer le style 

position:relative; right:-130px;

« comme » plug-in sociale semble avoir changé styles dans le iframe. quelle est la meilleure façon d'éviter le « comme » de circuler à droite, sur la page suivante?

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

Avec DIV il est facile: 

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

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

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top