متن روی عکس در CSS ، به همراه Padding

[alireza378]

سلام



ببینید من یه دکمه به صورت عکس دارم مثلا تو یه موقعیت از صفحه که میخوام یه متن بیاد روش ، به این شکل:

http://up.ashiyane.org/images/30wmz674f4998j6aoqdy.png

من اومدم و متن رو با خاصیت left گذاشتم ، خب یه نفر با یه مانیتور دیگه با رزولوشن متفاوت بیاد خب طبیعتا متن و دکمه ها روی هم قرار نمیگیرن !


خب حالا چیکار کنم برای حل این مشکل یکسان نبودن رزولوشن بازدید کننده ها و همچنین جلوگیری از به هم ریختن متن در Zoom و Zoom Out شدن ، برا فهمیدن این مشکل Zoom و Zoom Out شدنم این دوتا رو ببینین:

زوم عادی :

http://up.ashiyane.org/images/ckzrr0ghenn41ucqqs5.png

زوم کوچکتر :

http://up.ashiyane.org/images/idkn9xkrjcl2flbxie26.png




تشکر

[mmdsharifi]

پاسخ به سوالتون :اولا از عکس استفاده نکنید. بعدشم اکه استفاده می کنید اون رو به عنوان تصویر بگرواند بدید به li هاتون!
------------------------------------
راه حل پیشنهادی:
از font-awesome استفاده کنید. fortawesome.github.io/Font-Awesome/icons/
سوال