مشکل پس ضمینه png در ie

hussein_alilou · Jul 7, 2009

با سلام خدمت دوستان عزیز . خیلی وقت بود که دست به طراحی صفحات وب نزده بودم بیشتر از 2 ساله . الان باز دوباره شروع کردم . اون موقع با جدولها کار می کردم و به راحتی گلیمم رو از آب بیرون می کشیدم
ولی الان دیگه جدول ها منسوخ شده هستند و دیگه در طراحی صفحات استفاده نمی شوند و از دایو ها استفاده می کنند به همراه استایها . چون با اینها زیاد کار نکردم در برخی مسائل اشکال دارم و نمی تونم اون قسمتها رو رفع اشکال کنم و یا با مرورگرهای مختلف match کنم . در صورت امکان به سوالات من پاسخ بدین و من رو راهنمایی کنید .

1- در تصویر زیر من آیکون دانلود رو به صورت png درآوردم و بر روی پس زمینه قالب قرار دادم در موزیلا مشکلی مشاهده نکردم ولی در IE تصاویر به صورت زیر نشان داده می شوند راه حل چیست ؟

استایل مربوطه :

کد:

[LEFT][FONT=Arial][FONT=Arial]}body[/FONT][/FONT]
[FONT=Arial]text-align:right[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]font-family:Tahoma, Arial, Helvetica, sans-serif[/FONT][FONT=Arial] ;[/FONT]
[FONT=Arial]margin:0px; padding:0px; background-image:url(../images/tall_x.gif[/FONT][FONT=Arial]);[/FONT]
[FONT=Arial]background-repeat:repeat-x[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]background-color:#313131[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT][/LEFT]
 
[LEFT][FONT=Arial]#[/FONT][FONT=Arial]logo_won[/FONT][FONT=Arial]{[/FONT]
[FONT=Arial]width:395px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]height:75px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]float:right[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]margin-top:5px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT][/LEFT]

کد قسمت :

کد:

[FONT=Arial]<[/FONT][FONT=Arial]div id="logo_won"><a href="www.turkantuning.com"><img src="images/download.png" /></a></div>[/FONT]

- در تصویر زیر من یک تصویر رو به عنوان پس زمینه قرار دادم تا حاشیه های سایت رو در بر بگیره ( خط آبی کناری ) در IE مشکلی نبود ولی در تصویر بعدی در فایرفاکس دیگه این پس زمینه ادامه پیدا نکرد و در ضمن فاصله منوی بالا هم اعمال نشد . البته زمانی که ارتفاع رو می دم مشکل رفع می شه ولی می خواستم بدون اینکه ارتفاغ بدم سازگاری داشته باشه .

استایل مربوطه :

کد:

[LEFT][FONT=Arial]#[/FONT][FONT=Arial]back_ground[/FONT][FONT=Arial]{[/FONT]
[FONT=Arial]background-image:url(../images/bg.png[/FONT][FONT=Arial]);[/FONT]
[FONT=Arial]background-repeat:repeat-y[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]width:1024px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT][/LEFT]
 
[LEFT][FONT=Arial]#[/FONT][FONT=Arial]left_column[/FONT][FONT=Arial]{[/FONT]
[FONT=Arial]width:190px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]float:left[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]margin-top:px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]margin-left:5px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT][/LEFT]
 
[LEFT][FONT=Arial].[/FONT][FONT=Arial]menu_title[/FONT][FONT=Arial]{[/FONT]
[FONT=Arial]background-image:url(../images/menu_title.png[/FONT][FONT=Arial]);[/FONT]
[FONT=Arial]background-repeat:no-repeat[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]width:190px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]height:36px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]padding-right:15px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]font-weight:bold[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]text-align:right[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT]
[FONT=Arial].[/FONT][FONT=Arial]menu_content[/FONT][FONT=Arial]{[/FONT]
[FONT=Arial]background-image:url(../images/menu_body.png[/FONT][FONT=Arial]);[/FONT]
[FONT=Arial]background-repeat:repeat-y[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]width:190px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]height:20px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]padding:5px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT]
[FONT=Arial].[/FONT][FONT=Arial]menu_foot[/FONT][FONT=Arial]{[/FONT]
[FONT=Arial]background-image:url(../images/menu_foot.png[/FONT][FONT=Arial]);[/FONT]
[FONT=Arial]background-repeat:no-repeat[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]width:190px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]height:15px[/FONT][FONT=Arial];[/FONT]
[FONT=Arial]           }[/FONT][/LEFT]

کد قسمت :

کد:

[FONT=Arial]
[LEFT][FONT=Arial]<[/FONT][FONT=Arial]div id="left_column[/FONT][FONT=Arial]">[/FONT]
[FONT=Arial]                       <[/FONT][FONT=Arial]div class="menu_title[/FONT][FONT=Arial]"> منوی چپ</[/FONT][FONT=Arial]div[/FONT][FONT=Arial]>[/FONT]
[FONT=Arial]                   <[/FONT][FONT=Arial]div class="menu_content"></div[/FONT][FONT=Arial]>[/FONT]
[FONT=Arial]                   <[/FONT][FONT=Arial]div class="menu_foot"></div[/FONT][FONT=Arial]>[/FONT][/LEFT]
 
[LEFT][FONT=Arial]           </[/FONT][FONT=Arial]div[/FONT][FONT=Arial]>[/FONT][/LEFT]
[/FONT]

- می خوام چند تا دایو رو به صورت افقی برای باتن ها قرار بدم . یا بهتر بگم چندتا باتن برای مثال 10 تا باتن بذارم ولی مشکل دارم اگر امکانش باشه در این رابطه هم راهنمایی کنید .

اگر مقاله ای و یا لینکی در رابطه با آموزش استایها داشتین دریغ نکنید که به شدت نیاز دارم .

echessdesign · Jul 9, 2009

درود بر شما
در تایپیکی که پیش تر زدید، چند تذکر به شما دادم، در صورت رعایت نکردن قوانین انجمن، با شما برخورد در خور خواهد شد.
عنوان تایپیک را متناسب با سوال خود مطرح نمایید (اینجا یک انجمن علمی هست، نه یک مرکز خیریه).

- در تصویر زیر من آیکون دانلود رو به صورت png درآوردم و بر روی پس زمینه قالب قرار دادم در موزیلا مشکلی مشاهده نکردم ولی در IE تصاویر به صورت زیر نشان داده می شوند راه حل چیست ؟

- این سوال پیش تر چندین بار مطرح، و مفصل در رابطه با آن بحث شده است.
اولین مقاله در این رابطه رو بنده در انجمن نوشتم، جستجو کنید.

hussein_alilou · Jul 9, 2009

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

www.ahvazcity.net · Jul 9, 2009

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

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

echessdesign · Jul 10, 2009

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

در رابطه به سوال شما در رابطه با مشکل فایل PNG در IE، به این تایپیک مراجعه فرمایید:
آموزش 1/7 : مخفی کردن پس زمینه Transparent عکس های PNG در IE
پاینده باشید.

hussein_alilou · Jul 10, 2009

من احساس می کنم به من توهین شده . اگر اشتباهی کردم یه گوشزد کافی بود . دیگه ما رو گدا هم حساب نکنید لطفا . در ضمن من سه تا سوال پرسیده بودم که فقط مثل اینکه یکیش قبلا بحث شده . در کل من از دیگران معذرت می خوام .

echessdesign · Jul 11, 2009

ارادتمندم دوست عزیز
لطفا سورس صفحه خود و فایل عکس خود را در یک فایل Zip جهت راهنمایی ضمیمه کنید.
پاینده باشید

hussein_alilou · Jul 11, 2009

با درود . فایل رو زمیمه کردم . در کل قالبی که می خوام درست کنم در تصویر مشخص هست . و فایل CSS و html به همراه تصاویر هم موجود است . البته سوال اولم مربوط به این قالب نیست . از مدیر انجمن هم می خوام پستهای اول رو حذف کنند . خوبیت نداره بحث و جدل در فروم باشه .

echessdesign · Jul 12, 2009

درود بر شما
به نظر من از بنیاد طراحی شما مشکل داره و کلا شما اصلا جایگاه استفاده از لیست ها را نمی دانید.
من مشکل را برطره کردم، اما به طور کلی بر روی طراحی خود بازنگری کنید:

HTML:

.menu_title{
	background-image:url(../images/menu_title.png);
	background-repeat:no-repeat;
	width:190px;
	height:36px;
	float:left;
	}
.menu_content{
	background-image:url(../images/menu_body.png);
	background-repeat:repeat-y;
	width:190px;
	height:10px;
	float:left;
	display:block;
	}
.menu_foot{
	background-image:url(../images/post_foot.png);
	background-repeat:no-repeat;
	width:190px;
	height:15px;
	float:left;
	display:block;
	}
#L{
float:Left;
margin-left:2px;
width:190px;
}

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