كود HTML:body{ padding-top:10%; height:100%; padding-bottom:10%; }
كود HTML:body{ padding-top:10%; height:100%; padding-bottom:10%; }
__________________
Keepondev | مدونه شديد التخصص فى الجافاسكربت
جافاسكربت الموجهه بالكائنات | أنماط تصميم جافاسكربت
السلام عليكم ورحمة اللة وبركاتة
جرب هذة الطريقة جيدة
كود HTML:<center> <div> conteny </div> </center>
التعديل الأخير تم بواسطة tech ; 24-06-2008 الساعة 03:19 AM
عزيزي جرب هذا
margin: 0px auto; width: 765px;
احبتي
كل الاكواد تقوم بتوسيط التصميم بمعنى center
انا اريد توسيطه بمعنى middle
شكراً لكم على هذا التفاعل و المساعده
وبانتظاركم
بوركتم
جرب الكود
<table width=100% height=100%>
<tr><td width=100% height=100% style="vertical-align: middle;text-align:center;">
المضمون
</td></tr>
</table>أظن أنه سينجح.main {
vertical-align: middle;
text-align:center;
}
لا ينجح للاسف
شكراً لك
شوف
إضغط هنا: التصميم في وسط الصفحة
هذا كود الصفحة
وكما ترى فإن التوسيط ليس إلاكود:<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl"><head> <meta content="text/html; charset=windows-1256" http-equiv="Content-Type"/> <script type="text/javascript" language="javascript" src="images/fade.js"/><style type="text/css"> .gradualfader{filter:progid:DXImageTransform.Microsoft.alpha(opacity=40); -moz-opacity:0.4; opacity:0.4;} </style> <link type="text/css" rel="stylesheet" href="images/style.css"/> <title>Pack Your Bag . Net</title> <style charset="utf-8" type="text/css">/* See license.txt for terms of usage */ .firebugHighlight { z-index: 2147483647; position: absolute; background-color: #3875d7; } .firebugLayoutBoxParent { z-index: 2147483647; position: absolute; background-color: transparent; border-right: 1px dashed #BBBBBB; border-bottom: 1px dashed #BBBBBB; } .firebugRulerH { position: absolute; top: -15px; left: 0; width: 100%; height: 14px; background: url(chrome://firebug/skin/rulerH.png) repeat-x; border-top: 1px solid #BBBBBB; border-right: 1px dashed #BBBBBB; border-bottom: 1px solid #000000; } .firebugRulerV { position: absolute; top: 0; left: -15px; width: 14px; height: 100%; background: url(chrome://firebug/skin/rulerV.png) repeat-y; border-left: 1px solid #BBBBBB; border-right: 1px solid #000000; border-bottom: 1px dashed #BBBBBB; } .overflowRulerX > .firebugRulerV { left: 0; } .overflowRulerY > .firebugRulerH { top: 0; } /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ .firebugLayoutBoxOffset { z-index: 2147483647; position: absolute; opacity: 0.8; } .firebugLayoutBoxMargin { background-color: #EDFF64; } .firebugLayoutBoxBorder { background-color: #666666; } .firebugLayoutBoxPadding { background-color: SlateBlue; } .firebugLayoutBoxContent { background-color: SkyBlue; } /*.firebugHighlightGroup .firebugLayoutBox { background-color: transparent; } .firebugHighlightBox { background-color: Blue !important; }*/ .firebugLayoutLine { z-index: 2147483647; background-color: #000000; opacity: 0.4; } .firebugLayoutLineLeft, .firebugLayoutLineRight { position: fixed; width: 1px; height: 100%; } .firebugLayoutLineTop, .firebugLayoutLineBottom { position: absolute; width: 100%; height: 1px; } .firebugLayoutLineTop { margin-top: -1px; border-top: 1px solid #999999; } .firebugLayoutLineRight { border-right: 1px solid #999999; } .firebugLayoutLineBottom { border-bottom: 1px solid #999999; } .firebugLayoutLineLeft { margin-left: -1px; border-left: 1px solid #999999; } </style></head><body style="margin: 0px;"> <br/><br/><br/><br/><br/><br/><br/><br/> <table cellspacing="0" cellpadding="0" style="margin: 0px auto; width: 100%; text-align: center;"> <tbody><tr> <td style="width: 153px;"><a href=""><img class="gradualfader" src="images/arabic.png" alt="اللغة العربية" style="opacity: 0.4;"/></a></td> <td rowspan="3" style="width: 310px; text-align: left; background-color: rgb(255, 116, 0);"><img alt="" src="images/s_logo.png"/></td> <td rowspan="3" style="width: 100%; background-image: url(images/m_bg.png);"/> <td rowspan="3" style="width: 300px; text-align: left; background-color: rgb(255, 116, 0);"><img alt="" src="images/logo.png"/></td> <td style="width: 153px;"><img class="gradualfader" src="images/2.png" alt="فرنسا - Franc" style="opacity: 0.4;"/></td> </tr> <tr> <td style="width: 153px;"><img class="gradualfader" src="images/7.png" alt="ايطاليا - Italy" style="opacity: 0.4;"/></td> <td style="width: 153px;"><img class="gradualfader" src="images/10.png" alt="تركيا - Turkey" style="opacity: 0.4;"/></td> </tr> <tr> <td style="width: 153px;"><img class="gradualfader" src="images/11.png" alt="كروز - Croz" style="opacity: 0.4;"/></td> <td style="width: 153px;"><a href="#"><img class="gradualfader" src="images/english.png" alt="Engliah Language - Soon" style="opacity: 0.4;"/></a></td> </tr> </tbody></table> <script type="text/javascript"> gradualFader.init() //activate gradual fader </script> </body></html>
كود:<br/><br/><br/><br/><br/><br/><br/><br/>
وإن أردت التوسيط بإستعمال css
هذا الكود الخاص به
كود:margin: 10% auto;
__________________
الأفضل أن تموت وأنت تقاتل من أجل شيئ ما أو أن تعيش من أجل لاشئ.
وكيف بك إذا كان ما تقاتل من أجله شيئ نبيل ؟.
Sniper4dz
Flasher
styl3rs
شكراً للحلول سأقوم بتجربتها و اخباركم بالنتيجة
مودتي
اخوي شوف جرب هذا
كود PHP:
margin-right: auto;
margin-left: auto;
في الجدول و شكرا
التعديل الأخير تم بواسطة الفارس الشبح ; 02-10-2008 الساعة 10:45 PM