سعاد نشر 15 ديسمبر 2015 أرسل تقرير مشاركة نشر 15 ديسمبر 2015 أريد إنشاء مربع للبحث، حيث يتوفر على حقل نصي بداخله أيقونة البحث، والتي عادة ما تكون على شكل مكبر:ومن خلال الكود التالي:<input type="text" name="q" id="site-search-input" autocomplete="off" value="Search" class="gray" /> <span id="g-search-button"></span>حصلت على الحقل النصي، لكن الأيقونة لا تظهر، فما العمل؟ اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
0 E.Nourddine نشر 16 ديسمبر 2015 أرسل تقرير مشاركة نشر 16 ديسمبر 2015 من الخصائص التي تُستعمل في ملف التنسيق css، خصائص التموضع: top,left,bottom و Right الهدف منها إزاحة العنصر بعدد من البيكسلات من جهة واحدة أو من جهات متعددة، عن طريق إعطاء قيمة خاصيتين مثلا left=10px و top=6px أي 10بيكسل من الفوق و6 من جهة اليسار. وهذا ما سنفعل بالنسبة لأيقونة المكبر:#g-search-button { display: inline-block; width: 16px; height: 16px; position: relative; left: -22px; top: 3px; background-color: black; /* عوضه بمسار صورة الأيقونة */ }*ملاحظة: يمكن تغيير قيمة الخاصيتين left و top حتى تظهر في المكان الصحيح، وبشكل يتناسب مع الصورة النهائية لتصميمك، هذا مثال توضيحي فقط. اقتباس رابط هذا التعليق شارك على الشبكات الإجتماعية More sharing options...
السؤال
سعاد
أريد إنشاء مربع للبحث، حيث يتوفر على حقل نصي بداخله أيقونة البحث، والتي عادة ما تكون على شكل مكبر:
ومن خلال الكود التالي:
حصلت على الحقل النصي، لكن الأيقونة لا تظهر، فما العمل؟
رابط هذا التعليق
شارك على الشبكات الإجتماعية
1 جواب على هذا السؤال
Recommended Posts
انضم إلى النقاش
يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.