هده الصفحة هي ثالث صفحة أنشأتها
يمكنكم معاينتها من هنا
الصفحه بها مشاكل على الشاشات الكبيره
سبب المشاكل بانك تستعمل
position: absolute;
وتقوم بتحديد قيمه x ,y على مقاسات المتصفح في جهازك
كم عرض جهازك
الصفحة متجاوبة مع اعلى عرض وهو 1000px فكم طول شاشة جهازك
1920
جرب الان
راسلني على الخاص اخي الكريم
كيف
لا استطيع ارسال رسائل خاصه راسلني على
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 في كل مكان
والتركيز على حجم معين قبل الانتقال الي الريسبونسف
مجتمع لمناقشة وتبادل الخبرات حول تطوير الويب. ناقش أحدث التقنيات، اللغات، والأدوات في عالم تطوير المواقع والتطبيقات. شارك مشاريعك، اسأل عن نصائح، وتعاون مع مطورين محترفين وهواة.
صمم موقعك كاملا بالسحب والإفلات بدون خبرة برمجية، واحجز مكانك على الإنترنت.
التعليقات