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

[yasin14]

سلام

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

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

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

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

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


موفق باشید