گذاشتن عکس در صفحات دریم وویور!

[hussein]

با سلام خدمت دوستان گرامی

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

 

[iranexplorer.net]

چندین راه وجود داره...

مثلا در کنار عکس از Non-breaking space استفاده کنید ( در نوار Text - نوار Text کجاست؟ .... خب نوار Common رو می بینی اون بالا؟ روش کلیک کنی.. چند Tab مرکب دیگه زیر هست. Scrolll کن تا برسی روی text. آخرین دکمه سمت راست ، گزینه دومش همینه!

اگر دکمه رو پیدا نکردی می تونی از کدخاصش هم استفاده کنی:

 

یک راه دیگه هم استفاده از Div Tag ها هست. قبل از کد عکس، Div تگ رو قرار بده و در اخر تگ رو ببند:

<div style="padding-top:8px;padding-left:20px;padding-right:10px ">

الان عکس هر موقعیتی که در حالت صفر داشته باشه، با اضافه شدن کد بالا، 8 پیکسل به بالا، 20 پیکسل به چپ و 10 پیکسل به راست منتقل میشه. شما این اعداد رو هر مقداری دوست داری بگذار. یا اونهایی که لازم نداری حذف کن.

این تگ Div برای تمام اجزای قرار گرفته در صفحه وب صادق هست و هر جزیی رو می تونی با کد div tag جابجا کنی.

div تگ واقعا بحث کاملی هست و خیلی خیلی در طراحی وب کاربرد داره.

 

[hussein]

با سلام خدمت مدير محترم انجمن

يه سوال يعني اگه به فرض اين كد عكس من باشه
<div style="padding-top:8px;padding-left:20px;padding-right:10px ">
بعد از وارد كردن كد div به صورت زیر در میاد ؟
<div style="padding-top:8px;padding-left:50px;padding-right:10px ">

اگه می شه لطف کنید و یه خورده بیشتر توضیح بدین

 

[hussein]

با سلام خدمت مدير محترم انجمن

يه سوال يعني اگه به فرض اين كد عكس من باشه
<div style="padding-top:8px;padding-left:20px;padding-right:10px ">
بعد از وارد كردن كد div به صورت زیر در میاد ؟
<div style="padding-top:8px;padding-left:50px;padding-right:10px ">

اگه می شه لطف کنید و یه خورده بیشتر توضیح بدین

اقا معذرت نمي دونم چرا اينطوري شد

اگه كد عكس ما اين باشه
<img src="....width=....height=>

با اضافه کردن کد div به صورت زیر در میاد ؟
&lt;div style="padding-top:50px;padding-left:50px;padding-right:10px "><img src="....width=....height=>

اگه می شه یه مقدار بیشتر توضیح بدین .
ضمن عرض تشکر بابت توجه شما به این موضوع .