مشکل در css sprite

[nima-s 0]

سلام

عکسهای پوسته سایتم رو دارم با css sprite ادقام میکنم.تصویر ساخته شده، کدهاش به درستی نوشته شده اما وقتی که این کدها داخل فایلهای سی اس اس قالب قرار می گیرند چینش تصاویر به هم میخوره

نوع سایت وردپرس هست.

rayane-daramad.ir

مثلا 2 تصویر را در صفحه اول مثال میزنم.یک مورد عنوان باکسهای خبری هستند.مثلا به کادر اخبار و اطلاعیه های سایت نگاه کنید.یک عکس در وسط این کادر قرار گرفته در حالی که باید در سمت راست در گوشه سمت راست میبود.قبل از جایگذاری کدهای سی اس اس راست چین بود اما به بعد از قرار گرفتن کد به این مکان آمد!

یا مورد بعدی در بلوک سمت چپ صفحه، در بلوک تبلیغات متنی ،تصویر بک دستی قرار داره که داره به عنوان تبلیغات متنی اشاره میکنه.الان به حالت عادی است و مشکلی نداره.اما وقتی که کدهای سی اس اس را قرار میدهم بصورت کامل به سمت چپ منتقل میشه و در واقع کاملا چپ چین میشه

بعد از دیدن این 2 مشکل دیگه کار رو ادامه ندادم چون مطمئن هستم این اتفاق برای اکثر تصاویر میوفته و چینش تصاویر بهم میخوره

واقعا کلافه شدم.هر کاری میکنم باز هم درست نمیشه!ساعتهاست مشغولش هستم

دوستان لطفا راهنماییم کنید که چرا اینطوری میشه و راه حلش چیه؟

[iAmin 405]

یکبار این آموزش رو ببنید! --+--

[nima-s 0]

یکبار این آموزش رو ببنید! --+--

این کارها انجام شد اما رابطه ای به سوال بنده نداشت!

خواااااهشا دوستانی جواب بدهند که پاسخ سوال رو میدونند!

[kasra 4929]

دوست عزیز شما برای اینکه بتونید به صورت کامل اسپریت کنید باید به صورت دستی بعد از اینکه اون سایت های کئ بهتون میدن تغییر بدین

یعنی اون سایت ها فقط تصاویر رو یکی میکنن و کدهای اسکریپت رو بهتون میدن که باید جایگزین کدهای قبلی کنید اما مثلا شما یک تصویر رو بهش خاصیت :

background: url('images/img.png') no-repeat right 2px;

میدید در موقعی که اسپریت میکنید باید برای هر کدوم اینا یک مقدار جدا بنویسید :

background-color:
background-image:
background-repeat:
background-position

اگر به کدهایی که اون سایت ها میدن دقت کنید فقط 2 قسمت بهتون میدن و 2 قسمت دیگرو خودتون باید دوباره کدنویسی کنید