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

[hegza]

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

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

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

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

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


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

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

[mhmd741]

<img height="252"  src="images/images/images/images/category_04_03.png" width="144"  style="position: absolute; z-index: 1; left:756px; top: 534px" />

- - - Updated - - -

absolute لازم نیست، کل ساید بار را در یک div و float right قرار دهید مشکل حل خواهد شد.

folat right جواب نمیده ساید بار پایینی میفته بغل اولی
من میخوای با ی فاصله بیفته دقیق زیر ولی

قسمتی که توی عکس مشخص کردم همون (ساید بار ک شما میگید ) چون دقیق بلد نبودم بدون عکس و با موقعیت دقیق از طریق css بسازم مجبور به استفاده از عکس شدم

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

اگه بهم یاد بدبد مثلا چطور موقعیت سایدبار اولی که جاش درسته توی عکس رو پیدا کنم و با css سایدبار رو بسازم ممنون میشم


من میخوام بلوک های ک با css بسازم اینجور مثل عکس (قالبی که طراحی کردم بیفته)

مثه بلاک تبلیغات،موضوعات،کد جاوا،تصاویر انتخابی،جدیدترین مطالب اشتراک مطالب و عنوان متن
http://s7.picofile.com/file/8250032126/theme.jpg

[T.Toosi]

<img height="252"  src="images/images/images/images/category_04_03.png" width="144"  style="position: absolute; z-index: 1; left:756px; top: 534px" />

- - - Updated - - -



قسمتی که توی عکس مشخص کردم همون (ساید بار ک شما میگید ) چون دقیق بلد نبودم بدون عکس و با موقعیت دقیق از طریق css بسازم مجبور به استفاده از عکس شدم

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

اگه بهم یاد بدبد مثلا چطور موقعیت سایدبار اولی که جاش درسته توی عکس رو پیدا کنم و با css سایدبار رو بسازم ممنون میشم

شما با عکس و پوزیشن relative میتونستین ساید بار درست کنید چون absolute زدید مجبورید مختصات پوزیشن بدید و مختصات دادن هم از جایی که المنت قرار گرفته است نسبت به صفحه مقدار دهی میکنیم با آزمون خطا مقدار های top left right و.. میتونید مکان دقیق ای که میخواهید را بدست آورید، به شکل خیلی ساده اینطوری باید باشد :

<div style="width:144px;float:right;margin-top:15px;">
    <div><img src="images/images/images/images/category_04_03.png"/></div>
    <div><img src="images/images/images/images/category_04_03.png"/></div>
</div>

- - - Updated - - -

تبلیغات، موضوعات، کد جاوا همه در یک div با float right، (نمونه کد بالا)، تصاویر انتخابی و مطالب و .. همه در یک div با float left.

[hegza]

شما با عکس و پوزیشن relative میتونستین ساید بار درست کنید چون absolute زدید مجبورید مختصات پوزیشن بدید و مختصات دادن هم از جایی که المنت قرار گرفته است نسبت به صفحه مقدار دهی میکنیم با آزمون خطا مقدار های top left right و.. میتونید مکان دقیق ای که میخواهید را بدست آورید، به شکل خیلی ساده اینطوری باید باشد :

<div style="width:144px;float:right;margin-top:15px;">
    <div><img src="images/images/images/images/category_04_03.png"/></div>
    <div><img src="images/images/images/images/category_04_03.png"/></div>
</div>

- - - Updated - - -

تبلیغات، موضوعات، کد جاوا همه در یک div با float right، (نمونه کد بالا)، تصاویر انتخابی و مطالب و .. همه در یک div با float left.

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

[mhmd741]

شما با عکس و پوزیشن relative میتونستین ساید بار درست کنید چون absolute زدید مجبورید مختصات پوزیشن بدید و مختصات دادن هم از جایی که المنت قرار گرفته است نسبت به صفحه مقدار دهی میکنیم با آزمون خطا مقدار های top left right و.. میتونید مکان دقیق ای که میخواهید را بدست آورید، به شکل خیلی ساده اینطوری باید باشد :

<div style="width:144px;float:right;margin-top:15px;">
    <div><img src="images/images/images/images/category_04_03.png"/></div>
    <div><img src="images/images/images/images/category_04_03.png"/></div>
</div>

- - - Updated - - -

تبلیغات، موضوعات، کد جاوا همه در یک div با float right، (نمونه کد بالا)، تصاویر انتخابی و مطالب و .. همه در یک div با float left.

ی سوال دیگه

من اگه یه ساید بار سفید با کد ساختم

<div style="background-color:white; height:252px; width:144px;"/></div>

حالا چطور 144*37 از قسمت بالاش رو به این کد رنگ #249cf0 در بیارم

- - - Updated - - -

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

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

http://s7.picofile.com/file/8250032126/theme.jpg