personalizado - Alinear a la derecha el botón me gusta de Facebook

plugin de pagina facebook

Question

Puedo poner un botón similar a Facebook en mi sitio web, pero ¿cómo hago para que esté alineado a la derecha dentro del div / iframe se encuentra?

Intenté aplicar varias propiedades de CSS, pero no pude obtener nada para moverme en el iframe.

Answer 1

Con DIV es fácil:

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

publicado también en SimpleMediaCode.info ( http://e-art.lv/x/fbas )

Answer 2

Creo que este enlace podría ayudar también: http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css-and-Settings.aspx

Dice establecer el ancho a "0". Luego, la caja se convertirá automáticamente en Facebook y podrá aplicar un flotador directamente a esa casilla.

Answer 3

Gracias por la contribución de todos. El truco de posición relativa no siempre lo hace por mí:

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

Hasta ahora esto ha sido más confiable:

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

Answer 4

Lo que se describe en el http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css-and-Settings.aspx funciona. Sin embargo, en mi sitio web, tuve que cambiar el estilo a

position:relative; right:-130px;

Answer 5

Parece que hay muchas formas de lograr esto que funcionan en diferentes situaciones.

Ninguno de los anteriores parece hacer ninguna diferencia en la posición de mi botón "me gusta", sin embargo, un poco de prueba y error con una etiqueta de " margen izquierdo " y lo obtuve en el lugar correcto.

Answer 6

el complemento social ''me gusta'' parece haber cambiado de estilo dentro del iframe. ¿Cuál es la mejor manera de evitar que el "me gusta" fluya correctamente en la página siguiente?

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

Answer 7

iframe es un elemento en línea, puede usar

text-align: right

para un div que contenga ese iframe, o flote el iframe a la derecha, pero solo asegúrese de borrar el flotador después.

muestra: http://jsfiddle.net/Mujj6/3/
y: http://jsfiddle.net/Mujj6/5/