هده الصفحة هي ثالث صفحة أنشأتها
يمكنكم معاينتها من هنا
هل هده الصفحة جيدة ؟ html & css
الصفحه بها مشاكل على الشاشات الكبيره
سبب المشاكل بانك تستعمل
position: absolute;
وتقوم بتحديد قيمه x ,y على مقاسات المتصفح في جهازك
لا أرجوك مازال في بداية تعلمه ,يجب أن يحل هذه المشكل بإستعمال ال css و ال html فقط
أنت تقوم بتشتيته
بالعكس اخي بوتسراب سهل جد
التشتيت لن يكون من بوتسراب بل من الذين يقولن له ان يتعلم flex وmedia بهذا الوقت انا صاحب قوالب على ثيم فوريست و للان لم افكر في تعلم خواص ال flex
هل قمت بالاطلاع على الكود المصدري للصفحه الخاصه به
كانها عباره عن طبقات مرتبه (اقرب لصوره تم تصميمها على فوتوشوب)
التسنيق لديك يعتمد على ازاحه العناصر من مختلف الاتجاهات لهذا يصبح هنالك اخطاء في الاجهزه الاخرى
تجد العديد من الدروس في يويتيوب
هو عباره عن فريم ورك يختصر عليك كتابه اكواد css وتنسيق الصفحه بشكل عام
إسمع حاول أن تحل المشكل فقط بال css سهلة جدا
ستتعلم مهارة البحث عن الحلول .لا تمر للbootstrap إلا بعد أن تتقن ال html و ال css
لتصلح المشكل يجب عليك تعلم طرق جعل العناصر تتوسط الصفحة ، بعد ذلك تعلم ال @media في ال css بإمكانك بإستخدامها أن تجعل الصفحة متجاوبة مع كافة الأجهزة.
ما زالت نفس المشكله موجوده على جهازي
لتحسين تصميم على جميع الاجهزه يجب عليك جمع التصميم في تاج معي مثلا div وتسميها wrapper ويكون التنسيق الخاص بها
.wrapper{
width:1200px;
margin:0 auto;
}
margin:0 auto; تعني الازاحه من الاعلى والاسفل 0 ومن يمين واليسار اوتماتيكي مم يجعل المحتوى في منتصف اي شاشه
وانصحك بعدم استعمال absolute في كل مكان
والتركيز على حجم معين قبل الانتقال الي الريسبونسف
التعليقات