به کار بردن چند div کنار هم

[local_lover]

سلام
بچه ها من میخواستم بدونم چطوری میشه چند تا div را کنار هم گذاشت و مثلا بغل هم گذاشت
الان مثلا من چهار تا عکس دارم میخوام یکیش راست باشه یکیشون سمت چپ باشه و اون دوتا هم کنار همین سمت چپه باشن چی کار کنم بتونم این چهارتا را با هم به کار ببرم

یکی دیگه اینه چطوری میشه یه div روی یه div دیگه برد؟ یعنی مثلا یه بگراند سفید داره یه تیکه کوچلو را برد روش ؟

 

[amir_kashan20]

تا اونجایی که من از سوالت برداشت کردم اینه که باید از float استفاده کنی برای دیو هات

[LEFT]<Div style="width: 40px; height: 20px; float:right">
[/LEFT]
 [LEFT]</Div>

[LEFT]<Div style="width: 30px; height: 20px; float:right">
[/LEFT]
 [LEFT]</Div>

[LEFT]<Div style="width: 20px; height: 20px; float:right">
[/LEFT]
 [LEFT]</Div>[/LEFT]

[/LEFT]

[/LEFT]

 

[amin100amin]

amir_kashan20 عزیز من هم همچین مشکلی رو داشتم اما کد شما جواب نداد

 

[echessdesign]

img {
float:right;
}

 

[maniaf69]

خیلی ساده است اول شما باید سایز صفحه رو انتخاب کنید مثلا 1000 پیکسل بعد جدول هاتون رو باید جوری انتخاب کنید که مجموع عرض آنها بیشتر از سایز انتخابی (1000 پیکسل) نشه
یک نمونه میزارم که ببینید

<div style="width:1000px; height:500px;" >
<div style="background:#ffc600; width:300px; height:40px; float:left;">Number 1</div>
<div style="background:#b32044; width:100px; height:40px; float:left;">Number 2</div>
<div style="background:#b6c600; width:300px; height:40px; float:left;">Number 3</div>
<div style="background:#00bac6; width:300px; height:40px; float:left;">Number 4</div>
</div>

 

[arman2012]

خیلی ساده است اول شما باید سایز صفحه رو انتخاب کنید مثلا 1000 پیکسل بعد جدول هاتون رو باید جوری انتخاب کنید که مجموع عرض آنها بیشتر از سایز انتخابی (1000 پیکسل) نشه
یک نمونه میزارم که ببینید

<div style="width:1000px; height:500px;" >
<div style="background:#ffc600; width:300px; height:40px; float:left;">number 1</div>
<div style="background:#b32044; width:100px; height:40px; float:left;">number 2</div>
<div style="background:#b6c600; width:300px; height:40px; float:left;">number 3</div>
<div style="background:#00bac6; width:300px; height:40px; float:left;">number 4</div>
</div>

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