ابحث عن هذا الكود أو واحد قريب له جدااا
كود:
#search {
background: url("http://1.bp.blogspot.com/-YwViCaRrxKM/T9a3Xf2XxQI/AAAAAAAAD2I/t-_7Igs-Be8/s000/search.png") no-repeat scroll 99% 50% #FFFFFF;
border: 2px solid #F95225;
padding: 6px 248px 6px 6px;
text-align: right;
}
#search #s {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #ACACAC;
margin: 0;
outline: medium none;
padding: 0;
width: 100%;
}
واجعله هكذا :
كود:
#search {
background: url("http://1.bp.blogspot.com/-YwViCaRrxKM/T9a3Xf2XxQI/AAAAAAAAD2I/t-_7Igs-Be8/s000/search.png") no-repeat scroll 99% 50% #FFFFFF;
background-position:left;
border: 2px solid #F95225;
padding: 6px 6px 6px 248px;
text-align: right;
}
#search #s {
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #ACACAC;
margin: 0;
outline: medium none;
padding: 0;
width: 300px;
}
لاحظ التغييرات هي :
1- عكس البادينغ : من padding: 6px 248px 6px 6px; إلى padding: 6px 6px 6px 248px;
2- تغيير العرض من 100% إلى 300px
3- إضافة background-position:left; لمحاذاة الصورة
وبالتوفيق لك