Выровняйте правую кнопку «Нравится» на Facebook - PullRequest
22 голосов
/ 07 ноября 2010

Я могу разместить кнопку Facebook как на своем веб-сайте, но как мне сделать так, чтобы она была выровнена по правому краю в div / iframe, в котором она находится?

Я пытался применить различныеСвойства CSS, но я не смог заставить что-либо переместиться в iframe.

Ответы [ 7 ]

14 голосов
/ 12 марта 2012

Думаю, эта ссылка тоже может помочь: http://shades -of-orange.com / пост / 2011/01/09 / Embed-Facebook-Like-Button-e28093-Right-Align-с-CSS-и-Settings.aspx

В нем говорится, чтобы установить ширину на «0». После этого поле будет автоматически изменено в Facebook, и вы сможете применить плавающее поле прямо к этому полю.

3 голосов
/ 07 ноября 2010

iframe является встроенным элементом, вы можете использовать

text-align: right

для div, который содержит этот iframe, или перемещать iframe вправо, но только после этого обязательно очистите его.

образец: http://jsfiddle.net/Mujj6/3/
и: http://jsfiddle.net/Mujj6/5/

1 голос
/ 21 ноября 2012

Похоже, что есть много способов добиться этого, которые работают в разных ситуациях.

Казалось, что ни один из вышеперечисленных не имеет никакого значения для положения моей кнопки «Мне нравится», хотя это было несколько проб и ошибокс тегом " margin-left ", и я получил его в нужном месте.

1 голос
/ 06 сентября 2012

Спасибо за всеобщее мнение.Трюк с позицией не всегда делает это для меня:

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

Пока это было более надежно:

#fb-root{
    position:absolute;
    left:-1000%;
}
1 голос
/ 29 августа 2011

Что описано в Вставить кнопку Facebook Like - выравнивание по правому краю с CSS и настройками работает.Однако на моем сайте мне пришлось изменить стиль на

position:relative; right:-130px;
0 голосов
/ 24 апреля 2013

плагин «лайк», похоже, изменил стили внутри iframe.Каков наилучший способ предотвратить появление «лайка» на следующей странице?

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

0 голосов
/ 08 декабря 2011

С DIV это просто:

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

опубликовано также на SimpleMediaCode.info (http://e -art.lv / x / fbas )

...