مشكلة المسافات بين الديفات css
انا لسه مبتدأ جدا ...
المشكلة الاولى هناك مسافة بين كل الديفات كما هو موضع فى الصورة المشكلة التانية فى ul من ناحية اليسار ليست بمحاذاة الصفحة ووخده ازاحة ناحية اليمين كما هو موضح فى الصورة ارجو الرد سريعا لكى /* CSS Document */ body p h1 h2 h3 h4 h5 h6 ul li form table div{ margin:0; padding:0; } body{ background-color:#FFF; } div#wrapper{ width:1000px; margin:0 auto; } div#wrapper div#header{ height:150px; background-image:url(../image/header.jpg); } div#wrapper div#header div#lang{ float:right; margin:90px 20px 0 0; background: #666; padding:5px; } div#wrapper div#header div#lang a{ color:#F60; text-decoration:none; font-family:Tahoma, Geneva, sans-serif ; font-size:16px; } div#wrapper div#header h1{ float:right; color:#F90; margin:90px 120px 0 0; } ul#ali{ overflow:hidden; list-style:none; border-top:solid 3px #666; } ul#ali li{ float:left; } ul#ali li a{ width:169px; background-color:#F60; text-decoration:none; display:block; font-family:Tahoma, Geneva, sans-serif; padding:10px; text-align:center; border-right:solid 3px #666; color:#333; } ul#ali li a:hover{ background-color:#666; color:#F30; font-style:italic; border-right:solid 3px #666; text-transform:uppercase; } div#wrapper div#banner{ height:95px; background-image:url(../image/banner.jpg); border:solid 4px #F63; padding-top:150px; margin-bottom:5px; overflow:hidden; } div#wrapper div#banner2{ background-image:url(../image/bg.png); } div#wrapper div#banner2 p{ font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#F33; padding-botton:10px; } div#wrapper div#content{ height:250px; border:5px solid #F63; overflow:hidden; } div#wrapper div#content div#left{ width:330px; float:left; margin-right:5px; border-right:#F93 solid 2px; } div#wrapper div#content div#left p{ font-size:18px; } div#wrapper div#content div#center{ width:330px; float:left; margin-right:5px; border-right:#F93 solid 2px; } div#wrapper div#content div#center p{ font-size:18px; } div#wrapper div#content div#center2{ width:315px; height:250; float:right; } div#wrapper div#content div#center2 p{ font-size:18px; } div#wrapper div#footer{ height:60px; background-color:#666; } div#wrapper div#footer p{ text-align:center; font-family:Tahoma, Geneva, sans-serif; font-size:18px; text-transform:uppercase; color: #000; } div#wrapper div#footer a{ color:#F66; text-decoration:none; border-right:solid #000 2px; } div#wrapper div#footer a:hover{ text-decoration:underline; color:#000; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:20px; }
2 إجابات
يلزم الفصل بين كل element ب ,
اى سيصبح السطرالاول من الكود كالتالى : body, p, h1, h2, h3, h4, h5, h6, ul, li, form, table, div بواسطة: Ashraf.Hefny 3 من 3 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا
First problem can be solved as this:
First.. make at the #div that you notice that is abit moved to top,bottom,left or right write this code border : 3px double red;so you can see the height and the width of the item...try it .. second problem its that you didn't insert any content to the page like image,etc.. the words won't help it.. just make an image test.. or just insert this random code <img src="xxxx.jpg" /> And tell me the results if not working. then you will have to install better version of PHP. بواسطة: mostafa mohsen 3 من 3 أشخاص وجدو هذه الاجابة مفيدة. هل وجدتها؟ نعم لا |