[yasin14]

سلام

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

http://www.mambolearn.com

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

برای حل این مشکل چه راهی و چه تغییری در 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;
}




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


موفق باشید