Fartaj
سه شنبه 21 شهریور 1391, 14:53 عصر
خواهش می کنم امیدوارم تونسته باشم درست کمکتون کنم
ببینید نمی دونم تا چه حد با css آشنایی دارید !
معمولا تازه کارها برای تقسیم بندی صفحه از جدول استفاده می کنند اما کار جالب نیست هم دردسر بعدی داره هم سایت رو سنگین تر می کنه یکم وقت بزارید css بنویسید کار تمیزتری می شه
مثلا برای یک قالب سه ستونه ما میام یک زمینه اصلی تعریف می کنیم :
.main
{
margin:0px auto auto auto;
width:910px;
background:#506C88;
}
در این کلاس ما margin مربوط به چپ و راست را روی auto می زاریم تا وسط قرار بگیرد . و همونطور که گفتم عرض زمینه رو هم مشخص کردیم و همه ابزار ها رو داخل این زمینه می زاریم
خوب می ریم سراغ ستون ها :
.right
{
margin-top:4px;
margin-right:5px;
float:right;
width:180px;
position: relative;
margin-bottom: 0px;
}
.left
{
margin-top:4px;
margin-left:5px;
float:left;
width:180px;
position: relative;
}
.center
{
margin-top:25px;
margin-right:5px;
margin-left:5px;
width:530px;
float:left;
}
ما وقتی می خوایم چند تا دیو رو کنار هم بزاریم از float استفاده می کنیم حالا اگر float روی right باشه دیو ها رو از راست می چینه و اگر روی left باشه از چپ کنار هم می چینه
حالا می ریم تو صفحه و فایل css رو به صفحه ضمیمه می کنیم و به این صورت دیو ها رو قرار می دیم :
<div class="right"></div>
یا
<div class="main"></div>