نمایش دو Div یه صورت این شکلی: [][]

amin100amin

Member
سلام
دوستان من میخوام دو دیو که داخل یک تگ td مربوط به یک جدول هست رو به صورت [][] یعنی هردو کنار هم نشون بدم. لطفا راهنمایی کنید. با تشکر
 

L-B

Well-Known Member
درود بر شما
کافیه به DIV ها در خصیصه float مقدار right یا Left بدید...

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

کد:
<div style="float:left; border:1px solid #000;">TEST</div>
	<div style="float:right; border:1px solid #000;">TEST</div

ولی اگه براش یک width در نظر بگیریم درست نمایش داده میشه ...

کد:
<div style="width:200px;">
	<div style="float:left; border:1px solid #000;">TEST</div>
	<div style="float:right; border:1px solid #000;">TEST</div>
</div>

----------------------

اما از اول اگه همشون یک float در طرف right یا left داشته باشن ...کنار هم نشون داده میشه ... نیار به DIV کلی نداره ...

کد:
	<div style="float:left; border:1px solid #000;padding:10px;margin:10px;">TEST</div>
	<div style="float:left; border:1px solid #000;padding:10px;margin:10px;">TEST</div>
 

پیوست ها

  • 01.jpg
    01.jpg
    45.8 کیلوبایت · بازدیدها: 9
  • 02.png
    02.png
    61.9 کیلوبایت · بازدیدها: 8
  • 03.png
    03.png
    61.2 کیلوبایت · بازدیدها: 5

maniaf69

Member
خیلی ساده است اول شما باید سایز صفحه رو انتخاب کنید مثلا 1000 پیکسل بعد جدول هاتون رو باید جوری انتخاب کنید که مجموع عرض آنها بیشتر از سایز انتخابی (1000 پیکسل) نشه
یک نمونه میزارم که ببینید
PHP:
 	 		 			 <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>
 

جدیدترین ارسال ها

بالا