ورود

**Pc-island** · 93-5-8، 06:43 عصر

سلام
آخرش من تو سی اس اس نفهمیدم ک چطوری باید اشیارو کنار هم بصورت افقی قرار بدیم !
مثلا من میخوام یک منو بسازم : صفحه اصلی انجمن تبلیغات سی اس اس

اینطوری میشه ::

صفحه اصلی
انجمن
تبلیغات
سی اس اس

خودمو کشتم درست نشد !
یکی قشنگ توضیح بده ! ممنون میشم
مرسی

**-Saeed-** · 93-5-8، 07:34 عصر

سلام

برای اینکار از توابع ul و li استفاده کنید

برای نمونه

کد: 

<div class="nav">

<ul>

<li><a href="home">Home</a></li>

<li><a href="contact">Contact</a></li>

<li><a href="rss">Rss</a></li>

</ul>

</div>

و استایلی که میدیم بهش

کد: 

<style>

.nav {

background: antiquewhite;

width: 300px;

height: 40px;

}

ul {

width: 100%;

height: 30px;

}

li {

float: left;

padding: 5px;

padding-left: 3%;

}

</style>

یک کلاس با عنوان nav برای نگه داشتن عناصر در کنار هم
و استفاده از ul به عنوان یک بلوک یک چرخه
و استفاده از li هم به عنوان خود چرخه
برای اینکار به ul در css عرض و ارتفاع میدیم.
به li هم چپ چین یا راست چین بودن و فاصله کلی و فاصله از طرفین.
برای مثال اگر مکان راست چین بود شما باید padding-left رو به padding-right تغییر بدید و سپس بهش مقدار بدید.

**ArashDma** · 93-5-8، 09:54 عصر

باید list-style رو none کنید!
روی تگ ul هم باید باشه!

**mortezaal** · 93-5-9، 03:15 صبح

برای کنار هم قرار دادن عناصر در css از float:right استفاده کنید ..

**danialz** · 93-5-9، 03:34 صبح

دوست عزیز به خاطر این که گیج نشوید یک توضیح کلی میدهم.
دوست عزیزمان -Saeed- اطلاعات خوب اما غلط دادند.
این کدی که ایشون دادند درسته . اما کدی که این چیدمان رو درست میکنه فقط دو کلمه است.
ابتدا float را باز و right , left اضافه و میبندیم. یعنی چیدمان از سمت چپ باشه یا راست.
تشکر از جناب mortezaal .
با تشکر.

**Pc-island** · 93-5-9، 12:02 عصر

ممنون از همه ولی من میبینم ک بیشتر جاها از padding چپ و راست استفاده میشه !
میشه با پدینگ هم توضیح بدید ؟
برای چیدن پست و بلوک های قالب کنار هم برای قالب سه ستونه باید چکار کرد ؟
مرسی !

**ipry**

پدینگ مخصوص فاصله اشیاء داخل div هست و ربطی نداره..

کد: 

<html>

  <head>

    <style>

       body{margin:0 auto;width:980px}

      .container{width:980px;}

      .l{float:left;width:200px;height:800px;background:red}

      .r{float:right;width:200px;height:800px;background:green}

      .c{float:right;width:500px;margin:0 20px;height:800px;background:blue}

    </style>

  </head>

  <body>

    <div class="container">

    <div class="r"></div>

    <div class="c"></div>

    <div class="l"></div>

    </div>

  </body>

</html>

**Pc-island** · 93-5-9، 12:49 عصر

ممنون !
الان من بلوک های چپ و راست رو گذاشتم حالا وقتی بلوک پست رو در وسط قرار میدم کل قالب به هم میریزه !

**mortezaal** · 93-5-9، 12:54 عصر

منظور ستون هست؟
باید به همه ی ستون ها مقدار بدید و جایگاه هر کدوم رو با مقدارهای دقیق مشخص کنید.
قبلا یه نمونه براتون مثال زده بودم.

**Pc-island** · 93-5-9، 12:57 عصر

ممنون از همه تونستم !!
خیلی خیلی ازتون ممنونم ! بازم سوالی داشتم بهتون میگم !

ورود
نام کاربری:
گذرواژه‌:	گذرواژه‌تان را فراموش کرده‌اید؟
	مرا به خاطر بسپار

بک لینک