مشکل در راست کردن ایکن ها

NovinServer · Jan 1, 2011

با سلام و احترام ، دوستان من یک مشکلی در راست کردن ایکن های پرتال پشتیبانی سایتم دارم !
از انجایی که ایکن ها از داخل ( CSS ) کد گذاری شده است و من هم هر کاری کردم نتواستم راستش کنم خسته شدم. از استادان عزیز کمک می خواهم این مشکل کوچک را حل کنم !

وب سایت پشتیبانی » http://novinserver.com/manage/

ایکن های بلوک سمت راست که هم اکنون چپ است می خواهم برود به راست !
دوستان کسی می داند ؟

Masoud1365 · Jan 1, 2011

نمیدونم css شو چیکار کردی ولی اینو تست کنید.
float:right

NovinServer · Jan 1, 2011

همه جاشو این زدم اما نرفت !
این بخش CSS اون قسمت است :

PHP:

#side_menu {
	background-color: #EFF5FF;
	border: 1px solid #CFE2FF;
	border-top: none;
	float: right;
	margin: -1px 0 0 0;
	z-index: 100;
	padding: 15px;
	text-align: right;
	width: 210px;

}
#side_menu form {
	margin-bottom: 20px;
}
#side_menu ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
}

#side_menu ul li {
	display: block;
	margin: 0 0 0 0px;
	border-top: 1px solid #efefef;

}
#side_menu ul li a img {
	vertical-align: middle;
}
#side_menu ul li a {
	vertical-align: middle;
	text-decoration: none;
	display: block;
	padding: 12px 0 8px 32px;
	margin: 0;
	color: #919394;
	background-position: 10px 50%;
	background-repeat: no-repeat;
	-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#side_menu ul li a:hover {
	color: #484747;
	background-color: #fff;

}
#side_menu ul li a.support {
	background-image: url(images/icons/support.png);
}
#side_menu ul li a.clientarea {
	background-image: url(images/icons/clientarea.png);
}
#side_menu ul li a.announcement {
	background-image: url(images/icons/announcement.png);
}
#side_menu ul li a.knowledgebase {
	background-image: url(images/icons/knowledgebase.png);
}
#side_menu ul li a.submit-ticket {
	background-image: url(images/icons/submit-ticket.png);
}
#side_menu ul li a.downloads {
	background-image: url(images/icons/downloads.png);
}
#side_menu ul li a.order {
	background-image: url(images/icons/order.png);
}

Masoud1365 · Jan 1, 2011

توی

کد:

#side_menu ul li a.support {
    background-image: url(images/icons/support.png);
}

از background-position استفاده کنید

Masoud1365 · Jan 1, 2011

البته اگر از direction:rtl استفاده کنید باید خودش سمت راست بیاد !

NovinServer · Jan 1, 2011

Masoud1365 گفت:
توی

کد:

#side_menu ul li a.support { background-image: url(images/icons/support.png); }

از background-position استفاده کنید

ببخشید ، می توانید بیشتر راهنمایی کنید چون من اصلا در موردش تخصص ندارد!
یعنی به جای background-image بنویسم background-position درست میشه ؟

در مورد پاسخ دوم شما من در اول قالب زدم :

PHP:

<html dir=rtl xmlns="http://www.w3.org/1999/xhtml">

Agent 47 · Jan 1, 2011

از background-position اینطوری استفاده میشه:

کد:

#side_menu ul li a.support {
    background-image: url(images/icons/support.png);
    background-position: right;
}

مشکلی که هسته اینه که شما هم لینک ها و هم عکستون رو با هم قرار دادید و آیکن ها میفتن رو نوشته البته میشه با فاصله دادن متن رو جدا کردولی بهتر این بود که اینا رو جدا از هم تعریف می کردید.
یا این که مکان فونت رو تغییر بدید مثلا ببرید وسط یا چپ.

pouya saadeghi · Jan 1, 2011

این کد رو آخر فایل CSS اضافه کنید ، درست میشه:

کد:

#side_menu ul li a{background-position: right !important;padding: 12px 35px 8px 0 !important;}

www.ahvazcity.net · Jan 1, 2011

دوستان یه نگاهی به کد های html می انداختید مشکل مشخص بود.
به این کد دقت کنید

کد:

<div style="position:absolute; width:421px; right:75px; top:190px; text-align:left">
                                          <a href="javascript:void(window.open('http://help.novinserver.com/livezilla.php','','width=600,height=600,left=0,top=0,resizable=yes,menubar=no,location=yes,status=yes,scrollbars=yes'))"><img src="[URL="http://forum.majidonline.com/view-source:http://www.novinserver.com/manage/templates/portal/images/Live.png"]templates/portal/images/Live.png[/URL]" border="0px" /></a>
					  </div>

دوست من text-align رو right قرار بده مشکلت حل می شه

NovinServer · Jan 1, 2011

با تشکر فراوان از همه شما دوستان خوبم ...
اقای www.ahvazcity.net عزیز ممنون اما از اونجا نبود اون فقط مربوط به هدر است !
دستور العمل اقای pouya saadeghi را انجام دادم درست شد اما یک مشکل ریز که اقای Agent 47 بهش اشاره کرد !
چگونه می توانم یکم نوشته ها را به سمت چپ ببرم که بهتر بشود ؟

www.ahvazcity.net · Jan 1, 2011

سری قبل عکس هیدر برای من لود نشد و فقط اون تصویر ساپورت رو دیدم . دیدم وسط قرار گرفته گفتم شاید می خواید بیاد سمت راست یه نگاه به تصویری که پیوست کردم بندازید.با اون چیزی که گفتم تصویر کاملا در سمت راست قرار می گرفت.
کدوم نوشته ها دقیقا به محلش اشاره کنید