درست نشان ندادن تصاویر کوچک

[حسین 323]

سلام. عکس زیر رو ببینید. اندازه ها درست هستند ولی اینطوری نشون می‌ده.

لطفا راهنمایی کنید.

دورشون خط زرد کشیدم.

[نوین ادمین 3860]

از تکنیک نقشه عکس استفاده کردید ؟ اون ایکون ها داخل یک عکس هستند و توسط CSS لود میشن ؟

[حسین 323]

بله ولی عکس های دیگه هم همین مشکل رو دارند.

[Morteza 34190]

مشکل از دایره ایی هست که شما در ابزارک گرافیکی (فتوشاپ) ایجاد کردید که کامل گرد نیست.

[حسین 323]

من که رو رایانه ام فتوشاپ ندارم! دایره با css ایجاد میشه:

border-radius: 100% !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important;

[isk 4447]

لینک اون صفحه رو بذارید

[حسین 323]

همین لینکی که تو امضام هست!

با زوم 90 و 100 ببینید لطفا

[isk 4447]

به طراحی خود آیکون ها مربوط میشه

http://iranata.com/wp-content/themes/Winter/images/new.png

http://iranata.com/wp-content/themes/Winter/images/socialsprites.png

از نو طراحی شون کنید

[حسین 323]

مدیر جان میبینید دیگه طراحی آیکون ها درسته

دکمه های شبکه اجتماعی هم که آیکون هاش همون ها هستند رو هم از اینجا برداشتم که هچ مشکلی نداره.

[isk 4447]

لینک اولی رو که دادم (تصویر ساعت) دقت کنید - ساعت به بالای قاب تمایل داره و از پایین خالیه و در دایره حس می کنید پایین ساعت سفیده

در لینک دوم هم تصاویر آیکونهای اجتماعی رو با زوم بالا ببینید - توشون یه جور حروف ترانسپارانت هست که گویا مثل کپی رایت یا لایه باشه

به هر حال این چیزیه که من دیدم

[حسین 323]

سفید بودن پایین مشکلی نداره. مشکل سمت چپ ساعت هست که انگار از کادری که براش تعریف شده خارج شده. اون حروف هم واسه خوشگلیشه!

توی اینترنت اکسپلورر هم مشکلی نیست:

فکر کنم توی مرورگرهای پیشرفته نیاز به کد css هست که وقتی تصویر رو با استفاده از پیکسل هاش آدرس بندی و نمایش میدیم باعث میشه که دقیق باشه.

[نوین ادمین 3860]

نه همونطور که حدس زدم مشکل از همین نقشه سایت هست .

من هم قبلآً با اینجور موارد برخورد داشتم . سعی کنید توی css آدرس آیکون های image map رو تغییر بدید و یکی دو پیکسل به طرفین متمایل کنید تا مشکلتون حل بشه .