لطفاً راهنمایی کنید: حذف border دور عکس در مرورگر FireFox و IE

[Reza_it 10]

سلام

می خوام در قالبم، لوگوی شبکه های اجتماعی را لینک کنم ولی وقتی از تگ a href استفاده می کنم Border بنفش رنگی دور تصاویر ایجاد میشه.اینم دموش:

[ATTACH=CONFIG]لوگوی شبکه های اجتماعی[/ATTACH]

مثلاً برای تویتر از تگ های زیر استفاده کردم ولی مشکلم حل نشده:

<div id="social">

<div id="twitter"> <a href="#"> <img src="<?php echo $twitter_imgage ; ?>"/> </a></div>

</div>

#twiter

{

float: left;

margin: 2px;

border-width: 0;

outline: none;}

می خوام این بوردر رو حذف کنم باید چه کدهایی استفاده کنم؟

[ali110haji 10]

احتمال زیاد نسخه مرورگر شما قدیمی هست ، از آخرین نسخه فابرفاکس استفاده کنید

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

مثلا دستور زیر را در head قالب خودتون قرار بدید

<!--[if gte IE 8]>
   <link rel="stylesheet" href="<?php echo $this->baseurl.'/templates/'.$this->template.'/css/template_ie8.css' ?>" type="text/css" />
<![endif]-->

این کد برای نسخه های 8 و کمتر مرورگر ie هست

بعد باید در پوشه css فایلی به اسم template_ie8.css ایجاد کنید و در اون فایل مواردی که باید برطرف بشه رو قرار بدید :

#rss img{
border: none;

}

#google img{
border: none;
}
#twitter img{
border: none;
}
#facebook img{
border: none;
}

ویرایش شده در اردیبهشت 93 توسط ali110haji

[Reza_it 10]

ممنون!

کدهای css ای که تعریف کردید رو به کار بردم مشکلم برطرف شد

[amirparvaneh 100]

درود

با توجه به راهنمایی دوست عزیزمون

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

#rss img,#facebook img,#twitter img,#google img{
border: none;  
}

یاحق