کمک قرار دادن عکس در کنار همدیگر در یک کادر

[mamad711]

سلام . من میخواستم اسکرین شات و در یک کادر جای این که زیر هم بیاد کنار هم بیاد مثل این عکس . عکس ها در کنار هم هستن و بایک اسکرول چپ و راست میشن بالا پایین نیست فقط موندم چطوری کنار هم قرار بدمشون

مننون کسی کمک کنه. اگه کد CSS بدید خیلی بهتره

 

[mamad711]

پیداش کردم

 

[Mehdi]

خوب من جواب رو میگم که تاپیک بدون جواب نمونه :

<div class="container">
<div style="float:right;"><img src="http://forum.persiantools.com/attachments/f28/attachment-159269d1339682530-untitled.jpg" /></div>
<div style="float:right;"><img src="http://f.ptcdn.org/images/misc/vbulletin4_logo.png" /></div>
 </div>

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

:shades2:

 

[mamad711]

دوست عزیز اصلا بی احترامی نمیکنم اما فکر نکنم کار کنه و اگر هم کار کنه همه جا جواب نمیده البته ممنون ببخشید من خودم میخواستم ج بدم سرم شلوغ بود ببخشید بازم

overflow-y: auto;
white-space:nowrap;

overflow کار اکرول و انجام میده و به چند نوع hidden و اینا هست که بهترینش برای این کار حالب اتو هست
و مهم ترینش همین white-space هست که کنار هم قرار میده البته پارامتر هاشم شامل Normall , Nowrap , pre , pre-line , pre-wrap

که هرکدوم ی کاری میکنه اولی نورمال که هیچی دومی متنو تا بینهایت جلو میبره براش مهم نیست . سومی pre فکر میکنم متنو تا مانیتور جلو میبره و بقشم نمیدونم بگم بهتره اینا همش حدثی بود جز دومی

 

[mamad711]

البته لازم به ذکره کد هارو باید تو CSS کپی کنید

 

[Mehdi]

تست کن کار میکنه ,
گفتم که دو سه تاروش هست براش

--
صبر کن , فکر کنم من اشتباه متوجه شدم سوال رو , شما اسکرول رو خواستین نه؟ من فکر کردم فقط عکس رو میخواید که کنار هم بیفته .
اگه اسکرول رو بخواید آره اورفلو باید استفاده بشه , البته نه از نوع hidden چون این مشخصه مخفی میکنه اسکرول رو.

 

[mamad711]

بله هیدن خیلی خوبه اما در اینترنت اکسپلورر قابل شناسایی نیست و اسکرول و نمایش نمیدهد . واسه همین اتو استفاده کردیم