مشکل در ویرایش جهت به راست کردن آیتم های منو

[mot.moh]

من میخوام یک قالب رو فارسی کنم.
ولی هر کاری میکنم فقط عنوان منوها راست چین میشن و بقیه آیتم های منو حالت قبلی میمونن.

مامبو 4.6.2

توی فایل ایندکس :

<div id="right"><?php mosLoadModules ( 'right' ); ?></div>

توی فایل CSS هم به این شکل :

#right{
	width				: 190px;
	float				: left;
	text-align     : right;
	text-decoration: none;

اینم تصویرش :

[img width=640 height=400]http://i18.tinypic.com/71odxz9.jpg[/img]

[نوید]

توی کلاس بنویسید:
display: block;
احتمالا درست میشه

[mot.moh]

درست نشد !

[نوید]

توی کلاس mainlevel اعمال کنید

[mot.moh]

چنین کلاسی نداره ! کل فایل css اینه :

body{
	background			: #DFDFDF;
	margin				: 0px;
	padding				: 0px;
}

body,td,th,div{
	font-family			: Tahoma, Helvetica, sans-serif;
	font-size			: 13px;
	color				: #444;
}

a{
	color				: #069;
	text-decoration		: none;
}

a:hover{
	text-decoration		: underline;
}

#outline{
	width				: 840px;
	margin-top			: 10px;
	background			: url(../images/main_middle.jpg) repeat-y;
	overflow			: hidden;
}

#top_container{
	background			: #069 url(../images/main_top.png);
	height				: 250px;
}

#middle_container{
	overflow			: hidden;
	
}

#middle_container_inner{
	width				: 800px;
	text-align			: left;
}

#left{
	width				: 570px;
	float				: left;
	padding				: 0px 20px;
}

#right{
	width				: 190px;
	float				: left;
	text-align     : right;
	text-decoration: none;
	display: block;
}

#bottomcontainer{
	background			: url(../images/main_bottom.jpg);
	height				: 30px;
	padding				: 0px 25px;
}

#icons{
	padding-left		: 10px;
	padding-top			: 3px;
}

#bottomcontainer #icon{
	float				: left;
	margin-right		: 2px;
}

#bottomcontainer #copyright{
	float				: right;
	padding-right		: 10px;
	color				: #999999;
}

table.moduletable{
	width				: 180px;
	margin-bottom		: 10px;
}

table.moduletable th,
.sectiontableheader{
	font-weight			: bold;
	letter-spacing		: 1px;
	border-bottom		: 1px solid #666;
}

table.moduletable td{
	padding-top			: 10px;
}

table.moduletable td td{
	padding-top			: 0px;
}

.sectiontableentry1{
	background:#e7e7e7;
}

.contentheading{
	color				: #069;
	font-size			: 24px;
	text-decoration		: none;
	padding-bottom		: 7px;
	background			: url(../images/underline.jpg) repeat-x bottom;
}


.contentheading a{
	color				: #444;
	text-decoration		: none;
}

.componentheading{
	color				: #069;
	font-size			: 28px;
	margin-bottom		: 20px;
	text-decoration		: none;
}

.small,.createdate,.modifydate{
	color				: #999999;
	font-size			: 11px;
}

[radmehr]

خودتون کلاس بسازید و در اون تغییرات رو اعمال کنید !

[mot.moh]

خوب مشکل هم همینه!

این کلاس فقط باید تو فایل css تعریف بشه یا لازمه که ایندکس هم تعریف بشه ؟

این کد ؟

a.mainlevel { 
text-align: center;
}

[mot.moh]

مشکل حل شد. ممنون از راهنمایی هاتون

a.mainlevel { 
text-align: right;
display: block;
}