ورود

**cena** · 93-4-18، 07:58 عصر

یه سری مشکل در طراحی قالب دارم
1- برای قالب سه تونه چه عنصری لازمه که هر سه تا ستونه رو کنار هم قرار بده و زیر هم نرن
2- بازم چه عنصری لازمه که مثلا اون سه تا ستون که یکش مطالب هست وقتی 2-3 تا دیگه اضافه کردم به هم نریزه و دقیق بره زیر هم دیگه
3 - مثلا برای ستون های کنار اگه بخام سربرگ بزارم و فونت ترتیب تگ های div چه جوری میشه ؟

ممنون میشم راهنمایی کنید

**mortezaal** · 93-4-18، 08:10 عصر

باید برای هر ستون یک تابع در نظر بگیرید تا از همن تابع پیروی کنه.
مثلا ستون اول، دوم و سوم داریم.
ستون اول به این صورت:

کد: 

.sidright {float:right;width:290px;margin:10px 10px 10px 5px}

اینم htmlش که هر چی بین این بزاری زیر هم میاد و برای ستون اول حساب میشه:

کد: 

<div class="sidright"></div>

حالا به ترتیب برای ستون های بعدی هم همین استایل رو در نظر میگیری و اندازه ها رو تغییر میدی.
یعنی اینطوری

کد: 

.content {float:right;width:590px;margin:10px 5px 10px 5px}

کد: 

.sidleft {float:right;width:290px;margin:10px 5px 10px 10px}

مختصر توضیح دادم امیدوارم متوجه شده باشی.
اعداد هم همه پیشفرض هستن..

**cena** · 93-4-18، 11:09 عصر

داش این کد رو ببین :

کد: 

<style>

  .sidright{background:#000;color:#fff;float:right;width:290px;margin:10px 10px 10px 5px}

  .content {background:#000;color:#fff;float:right;width:590px;margin:10px 5px 10px 5px}

</style>

<div class="sidright">test</div>

<div class="content">test</div>

این دو ستونه . میخام وقتی یه ستون سمت راست (کوچکه ) دیگه اضافه نم بره زیرش و اون یکی ستون هم سرجاش بمونه ولی هر کار میکنم میره کنارش یا اون یکی به هم میریزه
مشکل کجاست ؟

**mortezaal**

من نگفتم این ستون هست. گفتم یک تابع. باید اینطوری کد بزاری.

کد: 

<style>

   .sidright{float:right;width:290px;margin:10px 10px 10px 5px}

   .sidbar {background:#000;color:#fff;}

.content {float:right;width:590px;margin:10px 5px 10px 10px;}

.post {background:#000;color:#fff;}

</style>

<div class="sidright">

<div class="sidbar">test</div>

<div class="sidbar">test</div>

</div>

<div class="content">

<div class="post">test</div>

<div class="post">test</div>

</div>

**cena** · 93-4-19، 12:34 عصر

ممنون
داش الان من 2 تا ستون دیگه برا سمت راست اضافه کردم ولی میرن زیر ستون پست / کنار هم دیگه . من میخام برن زیر هم مثل یه قالب و وقتی ستون پتس هم اضافه کردم بازم بره زیر ولی اینجا نمیره

کد: 

<style>

  .sidright{float:right;width:290px;margin:10px 10px 10px 5px}

  .sidbar {background:#000;color:#fff;}

.content {float:right;width:590px;margin:10px 5px 10px 10px;}

.post {background:#000;color:#fff;}

</style>

<div class="sidright">

<div class="sidbar">test</div>

<div class="sidbar">test</div>

</div>

<div class="content">

<div class="post">test</div>

<div class="post">test</div>

</div>

<div class="sidright">

<div class="sidbar">test</div>

<div class="sidbar">test</div>

</div>

<div class="sidright">

<div class="sidbar">test</div>

<div class="sidbar">test</div>

</div>

**mortezaal** · 93-4-19، 07:13 عصر

ستون سوم میشه ستون سمت چپ و باید بجای float:right بهتره float:left بهش بدید ..

**cena** · 93-4-19، 08:14 عصر

نه نمیخام 3 ستونه باشه میخام همین 2 ستونه باشه ولی بلوک راست دقیق نمیرن زیر هم

**mortezaal**

خب کد نویسی اشتباهه.
شما هر چی میخواید تو ستون سمت راست بزارید باید بین این کد باشه:

کد: 

<div class="sidright">ستون راست</div>

برای سمت چپ هم همین. هر چی میخوای ت وستون سمت چپ زیر هم قرار بگیره باید بین این کد باشه:

کد: 

<div class="content">ستون چپ</div>

دیگه نباید این دوتا تابع رو تکرار کنی. این دوتا فقط قالب رو به دو ستون تقسیم میکنن.
محتویات ستون باید داخل این دوتا تابع قرار بگیرن. دیگه نباید این تابع رو تکرار کرد.
ساده تر از این نمیشد بگم ..

**mhe** · 93-4-19، 11:17 عصر

(93-4-19، 10:01 عصر)mortezaal نوشته است: خب کد نویسی اشتباهه.
شما هر چی میخواید تو ستون سمت راست بزارید باید بین این کد باشه:

کد:

<div class="sidright">ستون راست</div>

برای سمت چپ هم همین. هر چی میخوای ت وستون سمت چپ زیر هم قرار بگیره باید بین این کد باشه:

کد:

<div class="content">ستون چپ</div>

دیگه نباید این دوتا تابع رو تکرار کنی. این دوتا فقط قالب رو به دو ستون تقسیم میکنن.
محتویات ستون باید داخل این دوتا تابع قرار بگیرن. دیگه نباید این تابع رو تکرار کرد.
ساده تر از این نمیشد بگم ..

ببخشید، چرا نمیشه این دو تا div رو تکرار کرد؟
شاید لازم بود ما وسط صفحه این div ها رو ببندیم، بعد یه عنصر دیگه قرار بدیم ، وبعد دوباره این ستون ها رو ادامه بدیم !
امکان نداره؟

**mortezaal** · 93-4-19، 11:51 عصر

نمیخواستم اونطوری سردرگمشون کنم.
خواستم ساده بگم وقتی تو تابع برای دو ستون تعریف کردن محتوای هر ستون تو تابع خودش قرار بدن تا در یک ستون قرار بگیره.
نیازی به تکرار تابع نیست. در ضمن ایشون با فرض قرار گیری دو ستون توضیح خواستن. نگفتن ممکنه وسط صفحه از یک عنصر دیگه یا هر چیزی استفاده کنند. که در اون صورت حرف شما درسته.
فعلا بحث سر دو ستون و زیر هم قرار گرفتن محتوای هر ستون هست.

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

بک لینک