Allinea a destra Facebook pulsante mi piace

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

Domanda

Sono in grado di mettere un pulsante mi piace Facebook sul mio sito, ma come faccio a fare di essere allineato a destra all'interno del div / iframe è in?

Ho cercato di applicare diverse proprietà CSS, ma non ho potuto ottenere nulla a muoversi nella iframe.

È stato utile?

Soluzione

iframe è un elemento inline, è possibile utilizzare 

text-align: right

per un div che contiene quel iframe, o galleggiare l'iframe a destra, ma solo assicurarsi di cancellare il galleggiante in seguito.

campione: http://jsfiddle.net/Mujj6/3/
e: http://jsfiddle.net/Mujj6/5/

Altri suggerimenti

Credo che questo link potrebbe aiutare anche: http://shades-of-orange.com/post/2011/01/09/Embed-Facebook-Like-Button-e28093-Right-Align-with-css-and-Settings.aspx

Si dice per impostare la larghezza a "0". Poi la casella sarà AutoResize da Facebook e si può applicare un diritto float a quella scatola.

Sembra come se ci sono molti modi per raggiungere questo che il lavoro in situazioni diverse.

Nessuno dei precedenti sembrava fare alcuna differenza per la posizione del mio 'come' pulsante, tuttavia un po 'prova ed errore con un " margin-left" tag e ho ottenuto nel giusto posto.

Grazie per l'input di tutti. Il trucco posizione relativa non sempre lo fa per me: 

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

Finora questo è stato più credibile: 

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

Quello che è descritto in pulsante Embed Facebook Like - Allinea a destra con i CSS e impostazioni opere. Tuttavia, nel mio sito, ho dovuto cambiare lo stile di 

position:relative; right:-130px;

il 'come' plug-in sociale sembra aver cambiato gli stili all'interno della iframe. qual è il modo migliore per evitare che il 'come' di fluire destra, nella seguente pagina?

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

Con DIV è facile: 

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

Inviato anche sul SimpleMediaCode.info ( http://e-art.lv/x/fbas)

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top