قرار دادن متن و تصویر در کنار هم

[mehrdadkey2 19]

با سلام

در محتوایی که همراه عکس است، هنگامی که مطلبی می نویسم یا زیر عکس نمایش می دهد یا بالای عکس نوشته می شود و نمی توانم در کنار

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

 

[محمدحسین میری 3,094]

درود

 

چندین راه وجود دارد البته از css منظورم هست

می تونید به خاصیت عکس float:left/right; بدید

یا display آن را برابر block کنید

display:block;

[mehrdadkey2 19]

لطفا در صورت امکان راهنمایی دقیق تری بفرمایید متشکرم

[mortaza_max 57]

درود

 

چندین راه وجود دارد البته از css منظورم هست

می تونید به خاصیت عکس float:left/right; بدید

یا display آن را برابر block کنید

display:block;

...............................................................................

من رو شهایی رو که گفتین امتحان کردم ولی جواب گو نبودند بازم یا کنار یا پایین  عکس قرار میگیرن. در حالت display:block; هم که روی عکس میفتن ولی مشکل اینه که پایینه قسمت عکس میفتن.

[فرحزادیان 947]

با سلام

در این خصوص براحتی میتوانید از ابزار درج تصویر که در خود ادیتور جوملا قرار دارد هم استفاده کنید و توسط این ابزار تصویر را طوری تنظیم کنید که بتونید متن خود را هم در کنار تصویر یا... بنویسید

 

موفق باشید

[mehrdadkey2 19]

فرحزادیان، در تاریخ 09 Jun 2013 - 17:06 گفته است:

با سلام

در این خصوص براحتی میتوانید از ابزار درج تصویر که در خود ادیتور جوملا قرار دارد هم استفاده کنید و توسط این ابزار تصویر را طوری تنظیم کنید که بتونید متن خود را هم در کنار تصویر یا... بنویسید

 

موفق باشید

متاسفانه همچین ابزاری را در ادیتور جوملا نمی بینم. لطفا بیشتر توضیح دهید

[فرحزادیان 947]

با سلام

در ابزارهای ادیتور پیش فرض جوملا یک آیکون که تصویر یک درخت داخلش هست... موس رو ببرید روی آیکون عبارت زیر نشون داده میشه:
Insert/Edit Image

 

موفق باشید

[mehrdadkey2 19]

جناب فرحزادیان عزیز با تشکر از شما ولی منم میدونم همچین آیکونی هست ولی تو این ابزار هیچ چیزی برای قرار دادن عکس و تصویر کنار هم نیست متاسفانه

[محمدحسین میری 3,094]

درود

 

در همون گزینه ای که جناب فرحزادیان گفتند یک پنجره بصورت پاپ آپ باز میشه که در تب Appearance گزینه ی Alignment وجود دارد که در جلوی آن می توانید left را right رو تنظیم کنید

اگر دقت کنید بعد انتخاب کردن left یا right پایین در کادر style می نویسد float:right/left;

تنظیمات css خود را می توانید اینجا هم اعمال کنید

[mehrdadkey2 19]

متاسفانه این روش بدون تغییر در فایلها و کدنویسی عملی نمی باشد و فقط عکس به سمت چپ یا راست منتقل می شود

 

[محمدحسین میری 3,094]

درود

 

ابتدا عکس رو قرار دهید

متن را بصورت عادی بنویسید بعد عملی که گفتم رو انجام بدید

درست خواهد شد

[mehrdadkey2 19]

درست شد . متشکرم