مساعده في كود css لتقسيم الصفحه
اعزائي الكرام
عندي صفحه مقسمه الى ثلاث صفوف عنوان و المحتوي و الفوتر والمحتوي مقسم الى ثلاث اعمده وانا استخدمكود css التالي لعمل الصفحه : #wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 100%; background: url("/path/to/your/background_cols.gif") repeat; } #header { margin: 0 0 15px 0; background: yellow; } #side-a { float: left; width: 20%; } #side-b { float: right; width: 20%; } #content { float: left; width: 60%; } #footer { clear: both; background: #A2A2A2; } المشكله اللي اعاني منها : وجود مسافه خاليه بين الهيدر والمحتوى والفوتر والمطلوب الغاء هذا الفراغ ... ممكن اعرف كيف اخلي الهيدر ملاصق للمحتوي ؟
3 إجابات
body, p, h1, h2, h3, h4, h5, h6, ul, li, form, table, div, span, p{
margin: 0; padding: 0; } بواسطة: Ashraf.Hefny 0 من 0 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا
السلام عليكم ورحمنة الله
انا مبتدئة في التصميم انا حصلت لدي نفس المشكلة بس لما تعلمت من الانترنت كيف اصمم بالدريم ويفر توجد طريقة layer وهذه الطريقة ساعدتني كثيرا واستطعت بها ان اتخلص من المسافة الموجودة يمكنك ان تستخدم هذه الطريقة او اكيد يوجد هنا بالموقع من هم خبرة ان شاء الله حيفيدوك وهذا هو الرابط به فيديو يعلمك layer http://www.learn2you.com/dreamweaver/level2/2-23.html بواسطة: Arwa 1 من 1 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا مشكور جدا على المساعدة #wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 100%; background: url("/path/to/your/background_cols.gif") repeat; } #header { margin: 0 0 15px 0; background: yellow; } #side-a { float: left; width: 20%; margin: 0px auto; } #side-b { float: right; width: 20%; margin: 0px auto; } #content { float: left; width: 60%; margin: 0px auto; } #footer { clear: both; background: #A2A2A2; margin: 0px auto; } المشكلة لديك وهي انك لم تجعل ال ازاحة = 0 فالازاحة الموجودة تلقائياً في المتصفح اكبر من صفر بواسطة: Amer 1 من 1 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا بارك الله فيك |
تحياتي لكم وشكرا على المشاركه جااري التجربه
5 / فبراير / 2012 الساعة 21:57