مشکل در نمایش عکس

elahe368 · Feb 4, 2010

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

1.

body {
background-image:url('logo_elahe.jpeg’)

{

توی فایل css اینطوری تعریف کردم ولی چیزی نشون نمیده.
2. توی تگ body به صورت قرار دام بازم چیزی نشون نمیده.< body background="logo_elahe.jpeg">

3.

توی برنامه بین تگ های <body></body>تگ <img src="logo_elahe.jpeg" /> رو قرار دادم یه علامت X نشون میده

لطفا هر کس میتونه راهنماییم کنه، عجله دارم :cry:

.چه طوری میتونم عکس رو قرار بدم.
حجم عکس 26k و در کنار سایر فایل هاس سایت قرار دادم، در ضمن با لوکال کار میکنم.
ممنون :rose:

pouya saadeghi · Feb 4, 2010

Html هم کنار عکس سیو شده؟
آدرس مطلق رو امتحان کنید. :-?

Saeed · Feb 4, 2010

سلام

اینو امتحان کن

بجای JPEG بنویس JPG احتمالا مشکل از اینجاست

موفق باشی

elahe368 · Feb 4, 2010

pouya saadeghi گفت:
Html هم کنار عکس سیو شده؟
آدرس مطلق رو امتحان کنید.

ممنون از پاسختون.
بله عکس در کنار سایر فایل ها save کردم.
آدرس مطلق رو هم چک کردم ولی بازم همون مشکل رو داره. :cry:

طرز قرار دادن عکس همینطوریه که انجام میدم؟

elahe368 · Feb 4, 2010

DrSaeed گفت:
سلام

اینو امتحان کن

بجای JPEG بنویس JPG احتمالا مشکل از اینجاست

موفق باشی

مرسی. واقعا ممنون. ایرادش همین بود که گفتید. :rose:

Saeed · Feb 4, 2010

elahe368 گفت:
مرسی. واقعا ممنون. ایرادش همین بود که گفتید.

خواهش می کنم قابلی نداشت ، سوالی بود در خدمتیم :green:

موفق باشی

elahe368 · Feb 4, 2010

تنظیم عکس در صفحه

ممنون از لطفتون.
یه سوال دیگه اینکه سایز عکسم 177*988 هست و به صورت <img src="logo_elahe.jpg" border= "0" alt="Course CMS" /> قرارش دادم ولی دقیق با لبه بالایی و کناره های صفحه fit نمیشه (یعنی به حاشیه ای از خود صفحه رو نشون میده)و اسکورول افقی پیدا میکنه. :sad:

ممنون میشم راهنمایم کنید.

pouya saadeghi · Feb 4, 2010

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

elahe368 · Feb 4, 2010

تنظیم عکس در صفحه

pouya saadeghi گفت:
خوب وقتی سایز عکس از صفحه بیشتر بشه اسکرول میافته دیگه...
از یه عکس کوچیکتر استفاده.کنید.(و به فکر کاربرانی که رزولوشن های دیگه ای دارن هم باشید!)

ممنون از پاسختون.
سایز عکسم که درسته ، به خاطر حاشیه های اضافی که خودش میندازه اسکورول پیدا میکنم :cry:

چیکار کنم؟

Saeed · Feb 4, 2010

elahe368 گفت:
ممنون از لطفتون.
یه سوال دیگه اینکه سایز عکسم 177*988 هست و به صورت <img src="logo_elahe.jpg" border= "0" alt="Course CMS" /> قرارش دادم ولی دقیق با لبه بالایی و کناره های صفحه fit نمیشه (یعنی به حاشیه ای از خود صفحه رو نشون میده)و اسکورول افقی پیدا میکنه.
ممنون میشم راهنمایم کنید.

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

Body {Margin:0px;}

اینو در قسمت CSS اضافه کن یا تگ Margin رو به Body قبلی که داری اضافه کن انشا ا... درست میشه.

موفق باشی

elahe368 · Feb 4, 2010

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

Body {Margin:0px;}

اینو در قسمت CSS اضافه کن یا تگ Margin رو به Body قبلی که داری اضافه کن انشا ا... درست میشه.

موفق باشی

واقعا خیلی لطف کردید.ممنون.
همونطور که pouya saadeghi گفته بودن یه خورده سایز عکس هم بزرگ بود Width =978 قرار دادم ولی با راهکاری که دادید کاملا حل شد.

Saeed · Feb 4, 2010

خواهش میکنم قابلی نداشت :green:

موفق باشی

Saeed · Feb 4, 2010

خواهش میکنم قابلی نداشت :green:

موفق باشی

elahe368 · Feb 5, 2010

نوشتن متن بر روی عکس

سلام دوستان.
عکسم رو به صورت <img src="logo_elahe.jpg" border= "0" alt="Course CMS" width="100%" /> قرار دادم. چه طوری میتونم روی عکس بنویسم؟

اگه عکس رو به صورت "background="logo_elahe.jpg قرار بدم میتونم روی اون بنویسم ولی مشکل اینجاست که عکس روی توی صفحه تکرار میکنه در حالیکه من میخوام فقط یه نمونه از عکس رو قرار بدم. :cry:

لطفاً هر کسی میدونه راهنماییم کنه. :rose:

Saeed · Feb 5, 2010

elahe368 گفت:
سلام دوستان.
عکسم رو به صورت <img src="logo_elahe.jpg" border= "0" alt="Course CMS" width="100%" /> قرار دادم. چه طوری میتونم روی عکس بنویسم؟

اگه عکس رو به صورت "background="logo_elahe.jpg قرار بدم میتونم روی اون بنویسم ولی مشکل اینجاست که عکس روی توی صفحه تکرار میکنه در حالیکه من میخوام فقط یه نمونه از عکس رو قرار بدم.
لطفاً هر کسی میدونه راهنماییم کنه.

سلام

منظورت از روی نوشتن روی عکس چیه ؟ :-?

با فتوشاپ میشه با کد php هم میشه.

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

Title=" Your Title "
Alt=" Your Title "

موفق باشی

elahe368 · Feb 5, 2010

نوشتن متن بر روی عکس

ممنون از پاسختون
ولی من منظورم alt نیست .میخوام روی لبه پایین عکسم منو قرار بدم مثل صفحه اصلی، خروج و... در واقع یه سری Hyperlink رو میخوام روی عکس بنویسم ولی نمیدنم چه طوری روی عکس قرار بدم و چون برای صفحه های مختلف منوهای متفاوت دارم نمیخوام با فتوشاپ کار کنم و واسه هر صفحه عکس جداگانه ای قرار بدم.
در واقع میخوام همون عکس اصلی رو توی همه صفحات داشته باشم و از طریق کد نویسی(php ,...) منو رو روی لبه پایینی عکس قرار بدم. چه طوری میتونم؟
ممنون :rose:

Saeed · Feb 5, 2010

خوب می تونی اینکار رو انجام بدی

اول یه آیدی برای هدرت بساز

HTML:

#Header {Your Code}

بعدش باید Header رو فراخوانی کنی

HTML:

<Div ID="Header"></Div>

حالا نوبت این شده که روی عکست نوشته یا لینک دلخواهت رو درج کنی

HTML:

<Div ID="Header"><Left>
صفحه ی اصلی - 
<A Href="Http://Www.Google.Com">گوگل</A>
</Left></Div>

امیدوارم کارت حل شه.

موفق باشی

pouya saadeghi · Feb 6, 2010

اگه ميخواين متن رو روي عكس بذاريد عكس رو بكگراند كنيد و براي اين كه تكرار نشه از css‏ زير استفاده كنيد:

HTML:

background-repeat:no-repeat

elahe368 · Feb 7, 2010

ممنون از پاسخ های خوبتون.(pouya saadeghi و DrSaeed)
از کد <body bgcolor="#f8f3e5" background="logo_elahe1.jpg" id="img" Margin:0px;> یرای قرار دادن عکسم استفاده کردم.
چه تنظیمی باید انجام بدم که به ارای مرورگرهای دیگه مشکلی از نظر سایز عکس پیدا نکنم.
مثلا الان با IE مشکلی نداره ولی وقتی با FireFox باز میکنم سمت راست عکسم حاشیه می افته مثل اینکه سایز عکس کوچک باشه.
کسی راهکاری داره؟ :rose: