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

[mot.moh]

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

مامبو 4.6.2

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





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

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




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

اینم تصویرش :



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

[نوید]

توی کلاس بنویسید:
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;
}