لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
مشكلة المسافات بين الديفات 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;
}
تاريخ البداية: 6 / أبريل / 2012 الساعة 14:29 اخر نشاط: 7 / أبريل / 2012 الساعة 16:25 css
2 إجابات
يلزم الفصل بين كل element ب ,
اى سيصبح السطرالاول من الكود كالتالى :
body, p, h1, h2, h3, h4, h5, h6, ul, li, form, table, div

بواسطة: Ashraf.Hefny
منذ: 7 / أبريل / 2012 الساعة 16:25

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
منذ: 6 / أبريل / 2012 الساعة 16:18

أنشر اجابتك

xهل تريد الاجابة عن هذا السؤال؟ من فضلك سجل دخول او اشترك لتتمكن من الاجابة