[درس] [تعويض] عن درس توزيع الاستايل بتقنية css [الأرشيف]

ح ـــكـم القدر

10-12-2009, 03:17 مساءً

السلام عليكم
سبق وان طرحت درس توزيع الاستايل ب css
تم إعادة تصوير الدرس بوضوح ..
رابط التح ــميل
http://www.4shared.com/file/17001823...1/style12.html (http://www.4shared.com/file/170018234/1e4bffa1/style12.html)

اكواد التوزيع
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<style>
.h1{
background-image:url('hkm-kdar1/h2.gif');
height:225px;
background-repeat:repeat-x;
}
.h2{
background-image:url('hkm-kdar1/h1.gif');
height:225px;
width:301px;
float:right;
}
.f1{
background-image:url('hkm-kdar1/f2.gif');
height:54px;
background-repeat:repeat-x;
}
.f2{
background-image:url('hkm-kdar1/f1.gif');
height:54px;
width:164px;
float:left;
}
</style>
</head>
<body>
<div class="h1">
<div class="h2"></div>
</div>
<div class="f1">
<div class="f2"></div>
</div>
</body>
</html>

لحد الان لم انتهى من ـالدرس

بقي وضع الروابط علي الهيدر و انشاء XML+تركيب الاستايل