چیدن المنت ها اطراف یک دایره

[mnakhaeipoor]

سلام دوستان خوبین؟ سلامتین؟ خانواده خوبن؟ محرم خوش گذشت؟ (باعرض تسلیت)
همونطور که توی عکس میبینید 16 تا المنت قراره چیده بشن دور یک دایره
می خواستم ببینم چجوری باید این کار رو انجام بدم به ذهن خودم که چیزی نمیرسه
از margin هم اگر استفاده کنم تو مانیتور های دیگه بهم میریزه!
خوش حال میشم کمکم کنید...

[پیام حیاتی]

سلام
یک div اصلی ایجاد کنید مابقی آیتم ها رو به عنوان id درون آن قرار بدید.

[mnakhaeipoor]

سلام
یک div اصلی ایجاد کنید مابقی آیتم ها رو به عنوان id درون آن قرار بدید.
خب بعدش چکار کنم تا آیتم ها دور دایره حلقه بزنن؟ (مشکلم تو css کار هست)

[پیام حیاتی]

یک کلاس برای شکل مستطیل درست کنید،بعد با دستور transformer درجه چرخش برای آیتم ها رو تعیین کنید.
http://www.w3schools.com/cssref/css3_pr_transform.asp

[mnakhaeipoor]

سلام
یک div اصلی ایجاد کنید مابقی آیتم ها رو به عنوان id درون آن قرار بدید.
درجه چرخش رو که تعیین میکنم همه مستطیل ها به یک اندازه میچرخن اما تو یک خط هستن
من میخوام بدونم چجوری بچینمشون اطراف دایره چرخوندنشون رو که بلدم

[دانیال دزفولی]

transform-origin: 20% 10%

با این کار کن

[mnakhaeipoor]

transform-origin: 20% 10%

با این کار کن
استفاده کردم اما تاثیری نداشت!
من یه روش توی سایت http://stackoverflow.com/questions/12813573/position-icons-into-circle دیدم به نظر روش خوبیه اما چیزی ازش متوجه نمیشم میشه یکم توضیح بدبد که یارو چکار کرده؟

[دانیال دزفولی]

ببین روتیت که میدی
با اون میتونی بگی محل چرخش کجا باشه

[پیام حیاتی]

درجه چرخش رو که تعیین میکنم همه مستطیل ها به یک اندازه میچرخن اما تو یک خط هستن
من میخوام بدونم چجوری بچینمشون اطراف دایره چرخوندنشون رو که بلدم
شما برای هر مستطیل یک id مجزا ایجاد کنید،بعد به محل مورد نظر انتقالش بدید و در نهایت چرخش.