Murls Murls
 
»أوراق الانماط Css»
   توسيط العناصر الهوتمل في الوسط حسب المعايير القياسية w3c

بسم اله الرحمن الرحيم
مقالتنا اليوم عن كيفية ضبط عناصر الهوتمل او الوسم في الوسط حسب المعايير القياسية
طبعا ممكن احد يسال لماذا نهتم بالمعايير القياسية السبب هو لجعل موقعك يظهر بصورة مطابقة لما تم تصميم في كافة المتصفحات الحالية والني ندعم المواصفات القياسية
في السابق كانت الخاصية

 

   align="center"  




كيفية بضبط النص او العنصر في الوسط
مثال

 

<div align="center" style="width: 184px; height: 21px;background-color:black">

</div>  




طبعا متصفح مايكروسفت مازال يعتمد عض الصفحة من دون الاعارة انتباه الى المقاييس
اما مزلا فلا بد من معايير يعتمد عليها
اما الان وحسب المعايير القياسية
يجب عليك ان بخطوتين
الاولى تحديد توسيط الخط في المنتصف اي

 

  style="text-align:center"  




هذا بالنسبة للاب الذي يحوي هذا الوسم اي اذا كلنت طبقة داخل طبقة وغيرها
الخطوة الثانية والمهمة ايضا تحديد توضع العنصر عبر تحديد
التالي

 

  style="margin-left:auto;margin-right:auto"  




ترجمة margin وهي الهامش الخارجي او الاطراف الخارجية
left==يسار
right==يمين
auto===اوتوماتيكي
لماذا يتم ضبط هذه الخاصيتين عند القيمة auto
لجعل التحكم يعود الى القسم الاب اي يصبح الاب حر التصرف في التوضع
بينما اذا وضعت رقم مثلا
فبذلك تحدد توضعه بالنسبة لابيه مثال

 

  <div style="background-color:#000;margin-left:10px;margin-right:10px">dsdsaf

</div>  




مثال لنتيجتنا النهاية للشرح

 

<div style=" text-align:center;background-color:#fff00f; height: 127px;">



<div style="width:42px; margin-left:auto;margin-right:auto;background-color:#CCFF99; height: 38px;">

</div>

</div>  




مثال اخر لبضط عناصر الصفحة في الوسط

 

<!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=windows-1256" http-equiv="Content-Type" />

<title>بسم الله</title>

</head>

<body style="text-align:center">



<div style="width:42px; margin-left:auto;margin-right:auto;background-color:#CCFF99; height: 38px;">

</div>



</body>



</html>  




والحمد لله رب العاليمن ورجائي من الله ان اكون قد اكون بسطت في الشرج
والله ولي التوفيق
حرر في تاريخ 2009/06/04 الساعة 10:14:17