مشکل در برنامه نویسی css

[sami dl]

سلام
من یه کد دارم واسه افکت گذاشتن روی عکس با حرکت موس...
که عکس به صورت پیش فرض سیاه و سفید ست با حرکت موس رنگی میشه
حالا مشکل اینجاست که وقتی تو کل برنامه میذارمش سایت از حالت ریسپانسیو خارج میشه
کسی میتون کنکم کنه... ؟؟
بگم که تو html5 دارم مینویسم کد رو

[isn]

سلام احتمالا به اين دليله كه شما از ٢ class مشابه ولي با استايل هاي متفاوت استفاده كرديد يا ...

[sami dl]

این کد اصلی هست... البته فقط برای افکت گذاشتن روی عکس ها
<style>

img {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);
transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; -ms-transition: 1.5s; -khtml-transition: 1.5s; } img:hover{ -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);
filter: none;
transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s; -o-transition: 1.5s; -ms-transition: 1.5s; -khtml-transition: 1.5s; } </style>
میخ.ام ریسپانسیو بشه...
تو حالت کلی بدون این کد ریسپانسیو هست وقتی اینو اضافه میکنم مشکل به وجود میاد

[startToday]

دوست عزیز مطمئنید که فقط با اضافه کردن و کم کردن این بخش ریسپانسیو سایت غیر فعال میشه ؟ منظورم اینه که کار دیگه ای همزمان انجام نمیدین ؟

چون تا اونجا که سواد بنده قد میده، این کدهایی که نوشتید فقط برای استایل هستن و هیچ تداخلی با کدهای مربوط به ریسپانسیو سایت نمیتونن ایجاد کنن.

مشکل باید از جای دیگه ای باشه...

[jvd]

سلام؛ بنده هم با ایشون موافقم، در بین کدهای شما کدی نیست که مشکلی برای مسئله ریسپانسیو بودن ایجاد کنه.

[sami dl]

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

- - - Updated - - -

چرا کسی نیست جواب بده ه ه ه ه ... ؟؟؟؟

[vistore]

کد دکمه رو قرار بدید تا کمکتون کنم.

[sami dl]

سلام
ممنونم
خودم گشتم یه چیزایی پیدا کردم اما بازم کامل نیست. درست تغییر سایز نمیده...
<input type="submit" class="btn btn-primary" value="click me" style="width:100%" />
ضمن اینکه کد افکتی که بالا گذاشتم توی مرورگر IE کار نمیکنه... یعنی عکس ها تغییر رنگ نمیدن با حرکت موس

[startToday]

اون افکت تغییر رنگ رو روی چه نسخه ای از IE چک کردید؟ احتمالا بخاطر قدیمی بودنش روی اون نسخه جواب نمیده. و البته اطلاع دقیقی ندارم که از چه نسخه ای میتونه این افکت رو نمایش بده.

برای اون دکمه هم بجای اینکه بوسیله ی استایل width 100% بزارید، یه کلاس btn-block اضافه کنید به کلاس های فعلی و نتیجه رو اطلاع بدید.

[sami dl]

گفتم کار من برنامه نویسی نیست... اینارو هم دونه دونه پیدا کردم...
میشه کدش رو برام بنویسین لطفا