کمک در کد نویسی css

[MHMD741]

سلام دوستان من عکس رو لطفا ببینید و بهم کمک کنید

http://s6.picofile.com/file/8250021950/Untitled_2.jpg

من اولین تجربه کاریمه و ددارم برا پروژه پایانیم ی سایت طراحی و کد نویسی میکنم ( با برنامه Expersion web کار میکنم)

مشکل من اینه بلوک با css درست کردم (به صورت عکس ذخیرش کردم) وقتی عکس رو از برنامه insert میکنم نمیتونم عکس رو جای دلخواهی ک میخوا بزارم
با هزار بدبختی عکس رو جابجا میکنم در قسمت 1 عکس ک توضیح هم دادم وقتی صفحه رو ذخیره میکنم توی مرورگر دو باره بهم میریزه:ناراحت:

چیکار کنم که توی این برنامه عکسی که وارد میکنم رو هرجای دلخواه بزارم؟
کد رو هم ببینید مشکلی داره یا نه؟


و سوال دیگه اینه که من وقتی ی کلاس رو ایجاد میکنم و توی css کد براش مینویسم چطور مختصات دلخواهی ک میخوام پیدا کنم و باکس رو اونجا قرار بدم؟
لطفا راهنماییم کنین؟:ناراحت:

[tamafi6]

سلام دوستان من عکس رو لطفا ببینید و بهم کمک کنید

http://s6.picofile.com/file/8250021950/Untitled_2.jpg

من اولین تجربه کاریمه و ددارم برا پروژه پایانیم ی سایت طراحی و کد نویسی میکنم ( با برنامه Expersion web کار میکنم)

مشکل من اینه بلوک با css درست کردم (به صورت عکس ذخیرش کردم) وقتی عکس رو از برنامه insert میکنم نمیتونم عکس رو جای دلخواهی ک میخوا بزارم
با هزار بدبختی عکس رو جابجا میکنم در قسمت 1 عکس ک توضیح هم دادم وقتی صفحه رو ذخیره میکنم توی مرورگر دو باره بهم میریزه:ناراحت:

چیکار کنم که توی این برنامه عکسی که وارد میکنم رو هرجای دلخواه بزارم؟
کد رو هم ببینید مشکلی داره یا نه؟


و سوال دیگه اینه که من وقتی ی کلاس رو ایجاد میکنم و توی css کد براش مینویسم چطور مختصات دلخواهی ک میخوام پیدا کنم و باکس رو اونجا قرار بدم؟
لطفا راهنماییم کنین؟:ناراحت:

نه عکسی هست ونه کدی !
لطفابیشترتوضیح بدیدازچه زبانی استفاده میکنید؟

[MHMD741]

نه عکسی هست ونه کدی !
لطفابیشترتوضیح بدیدازچه زبانی استفاده میکنید؟

html/css
لینک عکس هست که

[tamafi6]

موقعیتی که به تصویرمیدهید طبق مقداررزولیشن صفحه شناخته میشه یعنی به اندازه ابعاددرنرم افزار
Expersion web شناخته میشه به همین دلیل وقتی درمرورگرهای اصلی تست میکنید بهم ریختگی ایجاد میشه
نرم افزارها ازتوابعی استفاده میکنند که یک مرورگرراشبیه سازی میکنه وهیچ استانداردی هم نداره.
بنابراین بهترین راه اینه که شما نمونه رادرمرورگرهای اصلی مانندکروم وموزیلا تست کنید چون اونها مرورگرهای اصلی هستند یعنی صحت کدشماتوسط مرورگرهای اصلی تایید میشوند - نه مرورگرشبیه سازی شده نرم افزار!
روش استایل نویسی شماهم اشتباهه!
برای استایل نویسی ازبرچسب های html به صورت اینلاین استفاده نکنیدبلکه به هر برچسب یک کلاس اختصاص بدید واستایل بنویسید.
موقعیت دهی به بلوک ها راباتمرین مداوم آشنایی خواهید پیداکردوروش کاررا هزم خواهیدکرد.
یکی ازروشها هم استفاده ازگریدبندی های آماده هست واستفاده ازفریم ورک .
بااستفاده ازنرم افزار وقت خودتون راهدرندهید چون چیزی یادنخواهیدگرفت .

[MHMD741]

موقعیتی که به تصویرمیدهید طبق مقداررزولیشن صفحه شناخته میشه یعنی به اندازه ابعاددرنرم افزار
Expersion web شناخته میشه به همین دلیل وقتی درمرورگرهای اصلی تست میکنید بهم ریختگی ایجاد میشه
نرم افزارها ازتوابعی استفاده میکنند که یک مرورگرراشبیه سازی میکنه وهیچ استانداردی هم نداره.
بنابراین بهترین راه اینه که شما نمونه رادرمرورگرهای اصلی مانندکروم وموزیلا تست کنید چون اونها مرورگرهای اصلی هستند یعنی صحت کدشماتوسط مرورگرهای اصلی تایید میشوند - نه مرورگرشبیه سازی شده نرم افزار!
روش استایل نویسی شماهم اشتباهه!
برای استایل نویسی ازبرچسب های html به صورت اینلاین استفاده نکنیدبلکه به هر برچسب یک کلاس اختصاص بدید واستایل بنویسید.
موقعیت دهی به بلوک ها راباتمرین مداوم آشنایی خواهید پیداکردوروش کاررا هزم خواهیدکرد.
یکی ازروشها هم استفاده ازگریدبندی های آماده هست واستفاده ازفریم ورک .
بااستفاده ازنرم افزار وقت خودتون راهدرندهید چون چیزی یادنخواهیدگرفت .


مرسی از راهنمایی

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

[tamafi6]

مرسی از راهنمایی

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

از کدام فریم ورک در css استفاده کنیم ? (http://ketabcha.com/css-framworks/)

[Mag-Mag]

ببین وقتی از المانی استفاده میکنی که خاصیت position:absolute داره
این المان باید حتما در یک المان دیگه با خاصیت position:relative باشه

که وقتی شما چپ و راست و بالا و پایین مثلا عکست رو داری تنظیم می کنی ، نسبت به المانی که توش هست تنظیم بشه


<div style="position:relative;"
<img src="" style="position:absolute;top:10px;left:10px;" />
</div>