[شرح] كيف تجعل موقعك متوافق مع المتصفحات بواسطة css اعود لكم اصدقائي بموضوع جديد
اتمنى ان يستفيد الجميع منه ، ما نريد تحقيقه معا من هذا الموضوع
هو القدة على ضبط منتداك عن طريق css
ليكون متوافقاً مع المتصفحات يظهر بالشكل نفسه المراد من طرف صاحب الموقع اوالمطور
مثال اذا اردت ان تضع صورة على يسار الموقع
فالاغلب يضعها بهذه الطريقة:
- الكود:
-
هنا الصورة
هذه الطريقة صحيحة ولكنها لا تلقى توافقاً من المتصفحات
فالطريقة الاصح والاقوى توافقاً هي:
وضع كود توجيهي في css
يؤدي بالصورة لليسار
في صفحة css
مثال:
- الكود:
-
#theqmdag{
margin: 0px auto 0px auto;
text-align: left;
وربطه مع مكان الصورة
مثال:
- الكود:
-
<div id="theqmdag">
هنا الصورة
</div>
بالاضافة الى انك تستطيع استخدام وسم فلوت لهذا الامر مثل
مع تحديد العرض بالبيكسل
طبعا يوضع في ورقة css
- الكود:
-
#theqmdag {
[b]float:left;
width: 100px;[/b]
}
بهذه الطريقة تكون قد وصلت للدرجة القصوى للتوافق مع المتصفحات
مع تطبيق نفس الفكرة على باقي الاكواد والصور وغيرها