position:خاصية وضع العنصر فى الصفحة وقواعد التعامل بها

شرح خاصية الوضع position وكيفية جعل العنصر ثابت او متحرك او متغير fixed-absolute-relative


<<السابق الحالى التالى>>
كافة الدروس

<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>

<div class="des">
<h1>اضف اعلانك هنا</h1>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<p>this is a website for web developing</p>
<ul>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">المنتدى</a></li>
<li><a href="#">المجلة</a></li>
<li><a href="#">اتصل بنا</a></li>
</ul>

<img src="baner.jpg" alt="banner" />
</div>


//css style.css
.des img {
position:fixed;
left:500px;
}