مشکل اکسپلورر با border-bottom

h1h2h3

Member
سلام دوستان

مشکلی عصاب خرد کن با IE6 دارم لطفا کمکم کنید:

کد زیر در IE6 نمایش داده نمیشه! راه حلش چیه؟ چه کدی به جاش به کار ببرم؟


کد:
border-bottom:14px solid #FF0677;
در ضمن از margin-bottom هم در کنارش استفاده کردم فایده ای نداشت :(


با تشکر
 

k2-4u

Well-Known Member
خب شما این کد رو روی چه تگی اجرا میکنید
به احتمال زیاد یک تک inline است که این مشکل پیش میاد
شما یا باید از یک تگ block استفاده کنید مثل div
یا اینکه تگ مورد نظر رو به block تبدیل کنید
از کد زیر استفاده کنید (برای block کردن)
کد:
display:block;
 

h1h2h3

Member
ایول داره واقعا...:oops:
دست طلا...

یک سوال دیگه:
چرا active کار نمیکنه ؟

کد:
<div id="footer-menu">
  <ul>
                        <li><a class="home-footer" href="index.html">Home</a></li>
  </ul>
</div>
کد:
#primary a.home {
border-bottom:8px solid #FF0677;
margin-bottom:8px solid #FF0677;
color:#FF0677;
display:block;
}
#primary a.home:hover, #primary a.home.active{
border-bottom:14px solid #FF0677;
margin-bottom:8px solid #FF0677;
display:block;
}
 

جدیدترین ارسال ها

بالا