آموزش هم تراز کردن تصاویر و متن ها در مطالب

حتما شما هم دوست دارید هنگام ارسال مطلب ، وقتی از تصاویر استفاده می کنید برای زیبایی ظاهر قالب ، تصویر و متن در کنار همدیگه باشن نه اینکه مثلا تصویر بالا باشه و متن پایین ( که پیش فرض به همین صورت هست ) ... نمونه این امکانی که آموزشش رو در ادامه توضیح خواهم داد همین تصاویر پست های میهن وب هست که با متن ها هم تراز هستن و در سمت چپ می تونید تصویری رو مشاهده کنید . 

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

style="float:right" OR style="float:left"

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

<img src="http://mihanweb.blogsky.com/header.jpg" style="float:right" />

پایان مطلب