عرض مشاركة واحدة
قديم 07-06-2012, 05:30 PM   #4
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
افتراضي رد: كيف اغير مكان مستطيل البحث

ابحث عن هذا الكود أو واحد قريب له جدااا
كود:
#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; لمحاذاة الصورة

وبالتوفيق لك

الدعم العربي

admin غير متواجد حالياً