12

هل هده الصفحة جيدة ؟ html & css

yassir3arfat

هده الصفحة هي ثالث صفحة أنشأتها

يمكنكم معاينتها من هنا


الصفحه بها مشاكل على الشاشات الكبيره

سبب المشاكل بانك تستعمل

position: absolute;

وتقوم بتحديد قيمه x ,y على مقاسات المتصفح في جهازك

كم عرض جهازك

الصفحة متجاوبة مع اعلى عرض وهو 1000px فكم طول شاشة جهازك

راسلني على الخاص اخي الكريم

لا استطيع ارسال رسائل خاصه راسلني على

bawanehcoder@live.com

كيف اصلح المشكل

انصحك باستعمال bootstrap لتفادي مشاكل المحاذاه والمسافات والتايبوجرافي

لا أرجوك مازال في بداية تعلمه ,يجب أن يحل هذه المشكل بإستعمال ال css و ال html فقط

أنت تقوم بتشتيته

بالعكس اخي بوتسراب سهل جد

التشتيت لن يكون من بوتسراب بل من الذين يقولن له ان يتعلم flex وmedia بهذا الوقت انا صاحب قوالب على ثيم فوريست و للان لم افكر في تعلم خواص ال flex

هل قمت بالاطلاع على الكود المصدري للصفحه الخاصه به

كانها عباره عن طبقات مرتبه (اقرب لصوره تم تصميمها على فوتوشوب)

لم أصمم الصورة على الفوتوشوب

اعلم اخي الكريم

انا قمت بالتشبيه فقط بناء على ما رايته في الكود

مادا راية في الكود

ك css الاساس كامل خطا

التسنيق لديك يعتمد على ازاحه العناصر من مختلف الاتجاهات لهذا يصبح هنالك اخطاء في الاجهزه الاخرى

نعم انا استعمل الازاحة

تواصل معي

yassir.page@outlook.com

كيف أستعمله

تجد العديد من الدروس في يويتيوب

هو عباره عن فريم ورك يختصر عليك كتابه اكواد css وتنسيق الصفحه بشكل عام

إسمع حاول أن تحل المشكل فقط بال css سهلة جدا

ستتعلم مهارة البحث عن الحلول .لا تمر للbootstrap إلا بعد أن تتقن ال html و ال css

لتصلح المشكل يجب عليك تعلم طرق جعل العناصر تتوسط الصفحة ، بعد ذلك تعلم ال @media في ال css بإمكانك بإستخدامها أن تجعل الصفحة متجاوبة مع كافة الأجهزة.

مادا عنها الان

ما زالت نفس المشكله موجوده على جهازي

لتحسين تصميم على جميع الاجهزه يجب عليك جمع التصميم في تاج معي مثلا div وتسميها wrapper ويكون التنسيق الخاص بها

.wrapper{

width:1200px;

margin:0 auto;

}

margin:0 auto; تعني الازاحه من الاعلى والاسفل 0 ومن يمين واليسار اوتماتيكي مم يجعل المحتوى في منتصف اي شاشه

وانصحك بعدم استعمال absolute في كل مكان

والتركيز على حجم معين قبل الانتقال الي الريسبونسف