Alinear a la derecha de Facebook como el botón

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

Pregunta

Soy capaz de poner un botón de Facebook como en mi sitio web, pero ¿cómo puedo hacer que sea alineado a la derecha dentro del div / iframe es en?

He intentado aplicar diversas propiedades CSS, pero no podía hacer nada para moverse en el marco flotante.

¿Fue útil?

Solución

iframe es un elemento en línea, puede utilizar 

text-align: right

para un div que contiene ese marco flotante, o flotar el iframe a la derecha, pero sólo asegúrese de limpiar el flotador después.

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

Otros consejos

creo que esta relación 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

Se dice que establecer el ancho a "0". A continuación, el cuadro será autoresize por Facebook y se puede aplicar un derecho de flotación a esa caja.

Parece que hay muchas maneras de lograr esto que el trabajo en diferentes situaciones.

Ninguna de las anteriores parecía hace ninguna diferencia a la posición de mi 'como' botón, sin embargo un poco de ensayo y error con una etiqueta " margin-left " y lo tengo en la derecha lugar.

Gracias por el aporte de todos. El truco posición relativa no siempre lo haga por mí: 

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

Hasta ahora esto ha sido más fiable: 

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

Lo que se describe en botón Insertar Facebook Like - alinear a la derecha con CSS y ajustes obras. Sin embargo, en mi sitio web, que tenía que cambiar el estilo a 

position:relative; right:-130px;

el 'como' plug-in social parece haber cambiado estilos dentro del marco flotante. ¿cuál es la mejor manera de prevenir el 'como' fluya bien, en la página siguiente?

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

Con DIV es fácil: 

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

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

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top