چطور اين مشكل و برطرف كنم؟

[abolfazl 156]

سلام دوستان

يه مشكلي توي قالبم هست و اون هم اينكه اگه رزولوشن مانيتور بازديد كننده با قالب سايتم نخونه يعني اگه سايز صفحه مانيتور اون بزرگتر باشه آيكن ذره بين كه براي جست و جو هست از كادرخودش خارج ميشه...

چطور ميتونم اين مشكل و حل كنم؟

[imanfakhar 26231]

اگر سایتتون همینه که در امضاتونه

که در همه سایزی اندازه سرچ باکسش ثابته

[abolfazl 156]

درسته همين سايته

اما اين مشكل وجود داره!

اينم عكسش:

[imanfakhar 26231]

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

اندازه

#menu-search {
width: 220px;
padding-left: 10px;
height: 42.5px;
float: left;
padding-top: 7.5px;
}

را به

#menu-search {
width: 250px;
padding-left: 10px;
height: 42.5px;
float: left;
padding-top: 7.5px;
}

یا 260 تغییر بدید

[Ghaem 1492]

دوست عزیز فقط کافیه به کد زیر که در استایل هست دستور

float: left;

رو اضافه کنید:

#menu-search (
background-color: rgb(52, 51, 51);
border: medium none;
border-radius: 5px;
height: 35px;
margin-right: 7.5px;
transition: all 0.3s ease-in-out 0s;
width: 35px;
background-image: url("images/searchicon.png");
background-position: center center;
background-repeat: no-repeat;
cursor: pointer;
)

در مرورگر هم روی آیکون ذره بین کلیک راست بکنید و گزینه ی Inspect Element رو بزنید و دستور float رو اضافه کنید می بینید که درست میشه.

ویرایش شده آذر 92 توسط Ghaem

[abolfazl 156]

باتشكر از شما دوستان باكمك شما مشكل حل شد