كيف اصحح هذا الخطأ - html/css-؟

  • Jason Djojo

السلام عليكم

يبدو ان مشاكل المبتدئين لا تنتهي 3:

و أنا ابني هذا الموقع وصلت الى المرحلة اين وضعت فيه صورة و بعض الكتابة على جهة

هذه الصورة :

الى ان قمت بوضع div آخر بعدها - أي بعد الdiv الذي يحمل الصورة و الكتابة - لأكمل تصميم الموقع لكنه ظهر قبله

و هذا هو الكود :

شكرا لكم

آسف على الإزعاج

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

هنالك الكثير من الامور غير المنطقية في كود css لذا انصحك بمراجعته جيداً .

ولكن حل مشكلتك مبدئيا باضافة هذا السطر

.Choose{
    clear:both;
}

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

هلا أرشدتني لبعض المشاكل ؟

لقد علمت أني قمت ببعض الأخطاء - لأني لولاها لما حدثت معي أي مشاكل -

و قد راجعت الكوود و لأني مبتدئ - ليس لي الخبرة الكافية - لم أستطع تحديد المشكل

الطريقة التي استخدمها لحل هذه المشكلة

ولا تستخدام الـ bootstrap الان او أي شيء شبيه حتى تصل مرحلة متقدمة من المعرفة في الـ css من ثم الاعتماد على الـ frameworks للإختصار الوقت (ربما عليك الاطلاع عليها لفهم بعض الامور والية العمل)

بالتوفيق.

شكرا

هذا ما اعول عليه

كما أني استخدمت ذلك حل قبل أن تضعه لكن هو حل مؤقت فقط الى أن يعود معه بمشاكل أخرى

-1

وعليكم السلام ورحمة الله

سوف تورط نفسك إن حاولت الحصول على واجهة متقنة فقط بـ CSS، الأمر يتطلب أكثر خبرة ووقت أطول

نصيحتي لك أن تستخدم شيء مثل Boostrap

خاصة وأنه يوفر Grid System سلس يمكنك التحكم فيه كما تشاء كما أنه يدعم الشاشات الصغيرة. البداية تكون بـ div تحمل class =container ثم ضع داخلة مجموعة div:class=row الواحدة تليها الأخرى، ويمكنك باستخدام Grids أن ترتبها في جدول من 12 -على الأقل- عمود قابلة div:class=col-md-12

وهكذا... أنظر الأمثلة المرفقة:

بالتوفيق.

شكرا على النصيحة

أنا حتما سأتعلم الboostrap لكن بعد ان أتقن الcss