PDA

View Full Version : سوال: نمایش تصویر و متن در کنار یکدیگر به این صورت


majnun
جمعه 16 مهر 1389, 14:30 عصر
سلام دوستان

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

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

+تصویر ضمیمه شد ::
majnun
جمعه 16 مهر 1389, 16:45 عصر
اینکارو تست کردم

متن پایین تصویر قرار میگیره به این صورت در نمیاد

وفتی هم image align تصویر رو تعییر میدم فقط 1 خط از متن کنار تصویر و بقیه زیر تصویر نشون داده میشه
pikoolas
جمعه 16 مهر 1389, 17:54 عصر
سلام.
اگه شما از ادیتور هایی مثل fckeditor استفاده کنید می تونید این کارو انجام بدید.
اینم دموشه http://ckeditor.com/demo
که مال ckeditor ولی fckeditor پیشنهاد می شه . رایگان هم هست. اینکه چطوری استفاده کنی هم تو سایت زیاد تاپیک در موردش هست.
General-Xenon
جمعه 16 مهر 1389, 18:26 عصر
اینکارو تست کردم

متن پایین تصویر قرار میگیره به این صورت در نمیاد

وفتی هم image align تصویر رو تعییر میدم فقط 1 خط از متن کنار تصویر و بقیه زیر تصویر نشون داده میشه

سلام....
اینم یک مثال :

<html>
<head>
<style>body{direction:rtl;}</style>
</head>
<body>
<div>
<img src="" width="200px" height="150px" style="float:right">
Line 1<br/>Line 2<br/>Line 3<br/>Line 4<br/>
</div>
<br/><br/><br/><br/>
<div style="direction:ltr">
<img src="" width="200px" height="150px" style="float:left">
Line 1<br/>Line 2<br/>Line 3<br/>Line 4<br/>
</div>
</body>
</html>



موفق باشی:چشمک:
mohsen.dbnet
جمعه 16 مهر 1389, 23:07 عصر
سلام

حالا که بحث تا اینجا رسیده می شه بگید خصوصیت Justify توی Microsoft Word که باعث می شد متن حاشیه دوطرفه صفحه هم تراز بشه، توی این صفحات اعمال بشه.


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

با تشکر
majnun
شنبه 17 مهر 1389, 00:35 صبح
سلام....
اینم یک مثال :

<html>
<head>
<style>body{direction:rtl;}</style>
</head>
<body>
<div>
<img src="" width="200px" height="150px" style="float:right">
Line 1<br/>Line 2<br/>Line 3<br/>Line 4<br/>
</div>
<br/><br/><br/><br/>
<div style="direction:ltr">
<img src="" width="200px" height="150px" style="float:left">
Line 1<br/>Line 2<br/>Line 3<br/>Line 4<br/>
</div>
</body>
</html>



موفق باشی:چشمک:



دوست عزیز

این هم اون مشکل منو بر طرف نمیکنه

این عکس خروجی کد شماست

نگاه کنید میبینید که عکس و متن به هم چسبیده

من اینو نمیخوام

ممنون میشم راهنمایی کنید
mohsen.dbnet
شنبه 17 مهر 1389, 01:01 صبح
دوست عزیز

این هم اون مشکل منو بر طرف نمیکنه

این عکس خروجی کد شماست

نگاه کنید میبینید که عکس و متن به هم چسبیده

من اینو نمیخوام

ممنون میشم راهنمایی کنید

این مشکلی که شما دارید مطرح می کنید تو کدی که بالا گذاشتم برطرف شده.
اگه همونی بود که شما می خواستید بی زحمت بریم سراغ Justify تا این نیاز هم برطرف بشه.
mohsen.dbnet
شنبه 17 مهر 1389, 09:22 صبح
پیدا شد


<div style="text-align:justify;" >
xoogle.ir
شنبه 17 مهر 1389, 10:34 صبح
بهتره که css رو کامل یاد بگیرید.
مشکلی که شما دارید با یه padding-right خیلی ساده حل میشه.
mmnoody2006
شنبه 17 مهر 1389, 18:52 عصر
عزیزم کد css زیر رو یه حالی ببر :



padding:4px,4px,4px,4px;
vahid_dadaism
چهارشنبه 05 آبان 1389, 10:23 صبح
سلام.د.ست عزيز چرا از اديتور استفاده نمي كني؟ چون fvkeditor اين مشكل و مشكل justify كه دوست ديگرمون گفت رو حل ميكنه.