چطوری میتونم باکس هایی کنار هم داشته باشم؟

[RIG000]

ببینیت دوستان من 3 باکس در یک سطر و در ستون هاشم حالا هر چقدر یا اصلا در حالت 3در3 ...
من میخام 9 باکس مثلا در سه سطر و سه سطون داشته باشم ... داخل این باکس ها عکس قرار میگیره ...
و زیر ایت باکس ها ها مشخصاتی ذکر میشه ...
واسه اینکار باید چیکار کنم؟ div? نمونه ای وجود نداره که از فایل css اون استفاده کنم؟

[ateryad]

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

[RIG000]

میشه یه توضیح بیشتر بدبد؟

[Omid Jackson]

<div class="d1"></div>
<div class="d2"></div>
<div class="d3"></div>
<div class="d4"></div>
<div class="d5"></div>
<div class="d6"></div>
<div class="d7"></div>
<div class="d8"></div>
<div class="d9"></div>

.d1, .d2, .d3, .d4, .d5, .d6, .d7, .d8, .d9 {
width: 50px;
height: 50px;
border: 1px solid #000000;
float: left;
}
.d4, .d7 {
clear: left;
}
9 تا دیو هستن با کلاس های متفاوت، همه ی دیو های برای اینکه کنار هم بیفتن خاصیت float گرفتن، برای اینکه 3 سطر داشته باشیم جای یه سطر، به دیو 4 و 7 که شروع اول هر سطر هستن خاصیت clear دادیم که از سمت چپ کنار دیو دیگه قرار نگیرن، به همین سادگی
http://jsfiddle.net/OmidJackson/h5Y65/

[RIG000]

واقعا ممنونم....
اما حالا من اینجوری نوشتم و float رو تنظیم کردم...

<div id="ProductMenuShow" style="width:900px;height:100px;background-color:white ; float:right;direction:rtl" >
<div style="margin:5px; float:right" >
<ul>
<li>
@Html.ActionLink("لپ تاپ Acer", "", null, new { })
</li>
<li>
@Html.ActionLink("لپ تاپ Asus", "", null, new { })
</li>
<li>
@Html.ActionLink("لپ تاپ Dell", "", null, new { })
</li>
<li>
@Html.ActionLink("لپ تاپ Dell", "", null, new { })
</li>
</ul>
</div>
<div style="margin:5px; float:left;" >
<ul>
<li>
@Html.ActionLink("پرینتر کانون", "", null, new { })
</li>
<li>
@Html.ActionLink("پرینتر اچ پی", "", null, new { })
</li>
<li>
@Html.ActionLink("......", "", null, new { })
</li>
<li>
@Html.ActionLink(".....", "", null, new { })
</li>
</ul>
</div>

</div>


اینجا
<div style="margin:5px; float:left;" >
این دایو تو سطر اومد اما از اونجایی که with دایو کلی من 900 هست مثلا .. این دایو داخلی من که سمت چپ ست شده و رو سطر اومده میره انتهای سمت چپ میمونه ... چطوری میتونم بیارمش این ورتر تا اینجوری باشه
div2 div1
نه
div2 div1

[RIG000]

نه
div2------------------------------------------div1
یعنی فاصله نباشه

[Omid Jackson]

به همه float: right بدین
وقتی float: left که بدین میره میچسبه به سمت چپ، float: right هم میره میچسبه به سمت راست، شناور میکنه به اون سمت

[RIG000]

حلش کردم. مرسی.