السلام عليكم اعضاء هذا المجتمع الرائع
من فضلكم أحتاج مساعدتكم لحل مشكلة اعترضتني أثناء تكويدي للاندينج بيج (landing page) و ذلك للتمرن فقط و كسب الخبرة.
المشكلة تتمثل في عدم قدرتي على اضافة محتوي آخر تحت آخر بلوك قمت بأنشاءه. حتى يتوضح المشكل أكثر هذه صفحة الموقع :
و كما تلاحظون فهناك تداخل في مكونات الصفحة حيث أن عنصر المسمى "Reach Your Audience" يتموضع في مكان خاطئ و ذلك نتيجة لأضافتي النص باسفل الصفحة.
هذا هو شكل المفترض للموقع أن يكون:
كود css الخاص بالموقع:
كود html الخاص بالموقع:
أعلم أنني أطلت كثيرا و ربما لم أستطع شرح مشكلتي بدقة لكن ارجوا منكم الأهتمام بالامر و مساعدتي و شكرا جزيلا لكم.
أولاً عليك أن تخرج ال div id"block" خارج المربع الأخير
عليك أن تضع كلاس واحد للبلوكات (المربعات أو الديفات) الثلاثة المتشابهة يكون له نفس القيم من width و margin ولا يوجد مشكلة في float ولكن عليك أن تضعها في الكلاس الجديد لجميع الديفات وليست مع كود html او ما يسمى inline style ويمكنك أيضاً كتباتها بهذه الطريقة ثم تضع لها نفس الخصائص
#first,#second,#third
وبهذا تحل هذه المشكلة انظر الصورة
التعليقات