CSS در اینترنت اکسپلورر و فایرفاکس

[Masih]

من یه CSS درست کردم وقتی که توی اینترنت اکسپلورر میبینم مشکل داره اما توی فایرفاکس هیچ مشکلی نداره. اگر میشه ایراد کارم رو بگید:

اینترنت اکسپلورر:

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

فایرفاکس:

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

کد CSS مربوطه:


a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
font-size : 10px;
font-weight : bold;
font : Tahoma;
color : black;
padding-top : 0px;
background : url(../../templates/yekshahr/images/bullet.gif) no-repeat right;
padding-right : 20px;
}

[sorry4uboth]

وقتی padding-right رو زیاد میکنی مشکل تو IE حل میشه؟
از اونجایی که IE یه منبع مشکل هست باید یه هک CSS براش بزاری

تو قالب تعریف کنی که اگر مرورگر IE بود فلان CSS رو لود کنه.

[Masih]

نه. فقط بالت کنار تیتر رو جا به جا میکنه!! :o

[sorry4uboth]

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

[mhadaily]

.contentheading {
font-size: 14px;
padding-bottom: 10px;
border-bottom: 1px solid #D0D9DF;
text-transform: capitalize;
background: url(../images/bullet.gif) no-repeat right;
padding-right:5px;
color:6484bc;

}


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

[Masih]

بابا به خدا تو همون ایمیل که توضیح داده بودم یه بار! :( این مشکل اصلا ربطی به قالب سایت نداره و مربوط به CSS همون ماژولی هست که بهم دادی. آخه این کد که مال قالب هست. :o

[radmehr]

1- شما توی همون کدی که گذاشتید عبارت padding-right رو با text-indent عوض کنید ببینید مشکل حل میشه یا نه
2- لینک سایتتون رو بدید

[Masih]

این هم نتیجه اش:

اینترنت اکسپلورر:

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

فایرفاکس:

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

من روی لوکال هاست تست میکنم ولی اگر فکر میکنید که با دیدن سایت مشکلم حل میشه بگید تا بلافاصله سایت رو آپ کنم.

واقعا مشکل به این مسخرگی ندیدم! اصلا نمیفهمم چشه!

[radmehr]

خب
حالا به اینصورتش کنید:


a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
font-size : 10px;
font-weight : bold;
font : Tahoma;
color : black;
padding-top : 0px;
background : url(../../templates/yekshahr/images/bullet.gif) no-repeat;
background-position: right;
text-indent: 20px;
padding-right : 20px;
}

ببینید چطور میشه

[Masih]

فایرفاکس درست شد ولی اینترنت اکسپلورر همونطوری موند. یعنی اینطوری:


<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

[hossein.shokrzadeh]

سلام
اينو تست كن ببين درست ميشه؟


a.at_title:link, a.at_title:visited {
/* Kolieye moshakhasate marboot be titr */
font-size : 10px;
font-weight : bold;
font : Tahoma;
color : black;
padding-top : 0px;
background : url(../../templates/yekshahr/images/bullet.gif) no-repeat;
background-position: right;
text-indent: 20px;
padding-right !important: 20px;
}


يا علي

[Masih]

از تمام دوستانی که توی این تاپیک کمک کردند ممنونم!

خودم راهش رو پیدا کردم. با اضافه کردن کد زیر مشکلم حل شد:


display:block;