جابجایی عکس در border

این تاپیک 1 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  کیوان علی محمدی ،‏ 3 سال و 5 ماه پیش .

این تاپیک تاکنون 2006 بازدید داشته است .

نویسنده پست
یکشنبه ، 23 ژوئن 2013     7:29 ب.ظ #


arman60

Subscriber
3 پست2 تاپیک

سلام بچه ها

من میخوام یه نوشته به عنوان لیست مشخصات رو در کنار یک عکس نشون بدم، البته در داخل یک border

حالا اینکارو کردم اما وفتی عکس رو میزارم میره زیر نوشته ها ....

یه راهنمایی می خوام که این کارو بتونم انجام بدم ..

اینم کد:

<div class="product" >

<div>
بارکد اسکنر آواسیس AVASYS

</div>
<div class="prtext">
<ul>
<li>سرعت قرائت 500 اسكن درثانيه</li>
<li>بهره گيري از الگوريتم هوشمند(منطق فازي)درخواندن داده ها</li>
<li>قابلیت تنظیم جهت قرائت اتوماتیک بارکد بدون فشار کلید</li>
</ul>

</div>
<img src="nikan/204.jpg" class="imgpr"/>
</div>

اینم کد css:

<style type="text/css">
body {direction:rtl;}
.product { border:1px solid silver;}
.prtext { width:300px; border:1px solid silver; }

</style>

1  تشکر
سه شنبه ، 2 جولای 2013     10:10 ق.ظ #


کیوان علی محمدی

Authorplus
VIP
1792 پست4 تاپیک

سلام دوست عزیز،میتونی بلاک ها رو شناور کنی به این صورت که مثلا بلاک تصویر یا همون تگ تصویر رو بهش float:right بدی و بلاک توضیحات رو بهش float:left بدی.اینجوری کنار هم قرار میگیرن،برای فاصله هم از margin-right یا margin-left استفاده کن.

اگه این HTML شما باشه :

اینم میشه CSS شما :

3  تشکر
پست 1 تا 2 (از مجموع 2 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .