مکشل کامپوننت تگ جوملا و اینترنت اکسپلورر 7

سلام

دوستان اگر یک لحظه خود سایت مامبولرن را با ایمپنترنت اکسپلورر 7 چک کنند متوجه منظور من میشید

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

همونطور که می بینند تگ ها زیر هم قرار می گیرند و نه در کنار هم

برای حل این مشکل چه راهی و چه تغییری در css را پیشنهاد می دید

ممنون

با سلام

عجیب است که سایت به این معروفی هم چین ایرادی دارد .

با این حال

در سی اس اس فعلی کامپوننت تگ کد به صورت زیر دستور داده شده :

کد:

---

.tag {
        margin: 0;
        color: #999;
        display: inline-block;
        font-family:Tahoma, Geneva, sans-serif;
        direction:rtl;
        float: right;
        text-align:right;
        padding-bottom:7px;
        padding-top:7px;
        width:97%;
        background-color: #fafafa;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
       
}

.tag ul {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
direction:rtl;
}

.tag ul li {
display: inline-block;
        list-style-type: none;
        background-image: none;
        padding: 0 0.5em;
direction:rtl;
margin-bottom:10px;
}

.tag ul li a {
        display: inline;
        text-decoration: none;
       
        text-transform: capitalize;
        color: #848484;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        /*background-color: #ececec;*/
        margin-bottom:20px;
        margin-top:20px;
}
.tag ul li a:hover {
        color: #551d05;
        background-color: #ff6e2e;
}

---

که ایراداتی دارد .

1-

نقل قول:

---

.tag ul {
margin: 0;
padding: 0;
list-style-type: none;
direction:rtl;
}

---

2-

کد:

---

.tag ul li {
display: inline-block;
float:right;
        list-style-type: none;
        background-image: none;
        padding: 0 0.5em;
direction:rtl;
margin-bottom:10px;
}

---

3-

کد:

---

.tag ul li a {
        display: inline-block;
        text-decoration: none;
height:20px;       
        text-transform: capitalize;
        color: #848484;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        /*background-color: #ececec;*/
        margin-bottom:20px;
        margin-top:20px;
}

---

[وب این ها رو جایگزین کنید خروجی درست خواهد شد .


موفق باشید