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

[yasin14]

سلام

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

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

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

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

ممنون

[maxpelank]

با سلام

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

با این حال

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




.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;
}





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


موفق باشید