آموزش کوچولو در حین حال کاربردی!
خوب بریم رو آموزش.
میخوایم طراحی صفحمون رو در وسط بزاریم. ( یا به قول چنتا از دوستان مثل سایت مجید آنلاین.)
عرض جدول ساخته شده خود رو کمتر از 1003 بزارید. چرا ؟
جواب: چون عرض صفحه در رزولیشن 1024 در 768 برابر با 1003 هست. و ما هم میخوایم جدولمون کوچیک باشه.
اما برای قرار دادن در وسط صفحه کافیه تا تگ: align="center" را به تگ <table> خود اضافه نماییم.
نمونه کد:
HTML:
<table align="center" width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
خوب اگه جدول خود را بر این مبنا بسازید عرض جدول شما 780 هست و در مرکز صفحه قرار میگیره که شما میتوایین بقیه کدهای خود را در <td> بزارین.
اما اگه به صفحه خود نگاه کنین میبینین که صفحه شما در قسمت بالا و پایین یه خورده فاصله داره!
برای حل این مشکل کافیه تا در تگ <style> در قسمت body کد : body{padding:0px; margin:0px را اضافه نمود.
HTML:
<style type="text/css">
body{padding:0px; margin:0px}
</style>
تمام شد.
در آخر کلیه کدها رو برای شما در یک جا قرار دادم. که قضیه خوب تر جا بیفته!
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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body{padding:0px; margin:0px}
</style>
</head>
<body>
<table align="center" width="780" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table>
</body>
</html>