2010-11-07 28 views
22

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

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

+0

Es posible que desee usa "float: right" pero es realmente difícil de decir sin ver lo que tienes. Por favor ingrese su código html/js. –

Respuesta

3

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.

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

+0

eso es genial, gracias! –

+12

Hay un problema con esto, debe establecer el ancho; no sabrá el ancho del cuadro porque el texto siempre es diferente – Jason

+8

Ni 'text-align: right' ni' float: right' resuelven el problema de un alineado a la derecha como botón que no debería tener margen en el borde derecho. Debe establecer el ancho, que es variable y depende del idioma en que se muestra el botón. Muestra: http://jsfiddle.net/Mujj6/921/ – JimmyBlu

0

Con DIV es fácil:

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

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

14

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

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

+2

¡genial! esto funcionó como un encanto – Marc

+0

Perfecto, esto es exactamente lo que estaba buscando que me trajo aquí. ¡Gracias! – CWSpear

+4

El enlace está muerto, por lo que siempre es una buena idea copiar y pegar el código correspondiente en una respuesta. – Soviut

1

Gracias por la contribución 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%; 
} 
1

parece que hay muchas maneras de lograr esto que el trabajo 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 "margin-left" y lo recibí en el lugar correcto.

0

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]

Cuestiones relacionadas