بخش بندی قالب سایت با div [بایگانی]

vahid6133

یک شنبه 15 مرداد 1391, 13:48 عصر

بخش بندی قالب سایت با div
با سلام به تمامی دوستان

چطور می تونم با div سایتمو به قسمت هایی که می خوام تقسیم کنم

به طوری که یک منو در بالا

یک منو در سمت راست

و یک کادر ورود در زیر منو سمت راست ایجاد نمایم

و یک کپی رایت در انتها

مانند عکس ضمیمه شده

tamafi6

یک شنبه 15 مرداد 1391, 14:18 عصر

برای هریک ازقاب هایه نام انتخاب کن مثال:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<header>سرصفحه
</header>
<nav>منوبالا
</nav>
<div id="name">قسمت بادی بین صفحه</div>
<footer>پای صفحه
</footer>
</body>
</html>

سعی کن برای cssصفحه جداگانه درست کن که هم حجم صفحه بیادپایین هم صفحه ات شلوغ نشه خودت هم باهاش راحت کارکنی
برای تنظیم وترازکردن هرقاب ازکدزیراستفاده کن مثال:

#name {
display:block;
width:30px;
height:358px;
position:absolute;
left:511px;
top:0px;
z-index:100;
margin:0;
padding:0;
background:url(img.png) repeat-y top left;
}

Sina.picasso

یک شنبه 15 مرداد 1391, 15:18 عصر

#name {
display:block;
width:30px;
height:358px;
position:absolute;
left:511px;
top:0px;
z-index:100;
margin:0;
padding:0;
background:url(img.png) repeat-y top left;
}

دوست عزیز فکر نمی کنم استفاده از position: absolute; برای قالب بندی سایت استفاده مناسبی باشه! چون هم اینکه دردسر تنظیمش زیاده، هم اینکه ممکنه موقع تغییر اندازه صفحه نیاز به تغییر اندازه ها داشته باشیم!
بهتره از float: left/right استفاده کرد. :چشمک:

khanlo.javid

دوشنبه 16 مرداد 1391, 10:06 صبح

برای هریک ازقاب هایه نام انتخاب کن مثال:

<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>
<header>سرصفحه
</header>
<nav>منوبالا
</nav>
<div id="name">قسمت بادی بین صفحه</div>
<footer>پای صفحه
</footer>
</body>
</html>

سعی کن برای cssصفحه جداگانه درست کن که هم حجم صفحه بیادپایین هم صفحه ات شلوغ نشه خودت هم باهاش راحت کارکنی
برای تنظیم وترازکردن هرقاب ازکدزیراستفاده کن مثال:

#name {
display:block;
width:30px;
height:358px;
position:absolute;
left:511px;
top:0px;
z-index:100;
margin:0;
padding:0;
background:url(img.png) repeat-y top left;
}

دوست عزیز میشه بگید چرا از خاصیت z-index استفاده کردید برای پست های بدنه؟؟!!:متعجب::متفکر::متعجب: :متفکر:

sahel65

سه شنبه 17 مرداد 1391, 09:41 صبح

دوستان میشه در خصوص position توضیح بدید؟ من خیلی این مورد رو نفهمیدم؛ اگه با مثال باشه بهتره؛ آیا برای موقعیت دادن به عناصر هستن؟

tamafi6

پنج شنبه 19 مرداد 1391, 13:35 عصر

دوست عزیز میشه بگید چرا از خاصیت z-index استفاده کردید برای پست های بدنه؟؟!!:متعجب::متفکر::متعجب: :متفکر:

بااستفاده ازz-indexمیتونی گوشه های قالب ها رابیاندازی روی هم وباعث زیبایی قالب ها میشه

tamafi6

پنج شنبه 19 مرداد 1391, 13:50 عصر

دوست عزیز فکر نمی کنم استفاده از position: absolute; برای قالب بندی سایت استفاده مناسبی باشه! چون هم اینکه دردسر تنظیمش زیاده، هم اینکه ممکنه موقع تغییر اندازه صفحه نیاز به تغییر اندازه ها داشته باشیم!
بهتره از float: left/right استفاده کرد. :چشمک:
استفاده ازposition: absoluteبرای افرادمبتدی بهتره چون با مشکل ناهمخوانی تومرورگرهای دیگه برمیخورن وگرنه میتونن از;position: relativeاستفاده کنن استفاده از floatبرای قطعات تکی هستش نه چندتایی ودرضمن شمابرای تنظیمات مجبوریدازpaddingاستفاده کنی که مشکلات وزمان بیشتری میبره