محاذاة الحق في Facebook مثل الزر

Question

أنا قادر على وضع زر مثل Facebook مثل موقع الويب الخاص بي ، ولكن كيف يمكنني أن أجعله محاذاة يمينًا داخل div/iframe انها بالداخل؟

حاولت تطبيق العديد من خصائص CSS ، لكنني لم أستطع الحصول على أي شيء للتحرك في iFrame.

Answer 1

iframe هو عنصر مضمّن ، يمكنك استخدامه

text-align: right

بالنسبة إلى DIV الذي يحتوي على أن iframe ، أو تطفو على iframe إلى اليمين ، ولكن فقط تأكد من مسح الطفو بعد ذلك.

عينة: http://jsfiddle.net/mujj6/3/
و: http://jsfiddle.net/mujj6/5/

Answer 2

أعتقد أن هذا الرابط يمكن أن يساعد أيضًا:http://shades-of-orange.com/post/2011/01/09/embed-facebook-like-button-e28093-right-align-with-css--settings.aspx

يقول لتعيين العرض على "0". بعد ذلك ، سيتم الحجم التلقائي بواسطة Facebook ويمكنك تطبيق تعويم على هذا المربع.

Answer 3

يبدو أن هناك العديد من الطرق لتحقيق ذلك تعمل في مواقف مختلفة.

يبدو أن أيا مما سبق يحدث أي فرق في موضع زر "أعجبني" ، ولكن القليل من التجربة والخطأ مع "الهامش اليسار"علامة وحصلت عليها في المكان الصحيح.

Answer 4

شكرا على مدخلات الجميع. الخدعة النسبية الموقف لا تفعل ذلك دائمًا من أجلي:

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

حتى الآن كان هذا أكثر موثوقية:

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

Answer 5

ما هو موصوف في تضمين Facebook مثل الزر - التوافق الأيمن مع CSS والإعدادات يعمل. ومع ذلك ، في موقع الويب الخاص بي ، اضطررت إلى تغيير الأسلوب إلى

position:relative; right:-130px;

Answer 6

يبدو أن المكون الإضافي الاجتماعي "يعجبني" قد غير أنماط داخل iframe. ما هي أفضل طريقة لمنع "مثل" من التدفق اليمين ، في الصفحة التالية؟

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

Answer 7

مع DIV ، من السهل:

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

تم نشره أيضًا على simplemediacode.info ( http://e-art.lv/x/fbas )