تعيين موقعيت آيكون هاي pdf و print و email در قالب

[ashkanjoon]

يه قالب دارم فارسي مي كنم چطور در css اين امكان رو ايجاد كنم كه آيكون هاي pdf,print, email رو سمت چپ عنوان خبر نشون بده. آيا اصولا اين كار در css انجام مي شه؟

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

با تشكر

[نوید]

معمولا کلاس buttonheading هستش

[ashkanjoon]

اين قسمتي كه مربوط به اين ايكون ها ميشه تو css رو پيدا كردم كدش اينطوريه:

div.buttonheading {
	position: absolute;
	top: -25px;
	right: 0;
	width: 62px;
	padding: 3px;
}

.buttonheading img {
	margin: 0 5px 0 0;
	border: 0;
	float: right;

}

من هم بخشي از اون رو به اين شكل تغيير دادم:

.buttonheading img {
	margin: 0 5px 0 0;
	border: 0;
	float: right;
	padding-right: 600px;
}

آيكون ها به سمت چپ تغيير مكان دادند اما بصورت عمودي روي هم قرار گرفتند؟ به نظر شما علت چي مي تونه باشه؟

[سعید]

به جاي اون كار

در مقدار خصيصه float‏ به جاي righ‏ شما left ‎‏ قرار بديد

[ashkanjoon]

سعيد جان ممنون از راهنمايي شما. اما قبلا اين كار رو تست كرده بودم با كمال تعجب آيكون ها به وسط انتقال داده شدند ! ! !

[سعید]

در اون كلاس div‏ هم اين كار رو انجام بده

باز هم نشد width‏ كلاس div‏ رو بيشتر كن
يا position‏ رو تغيير بده

باز هم درصورتي كه رفع نشد از بقيه دوستان كمك بگير يا صبر كنيد تا خودم بررسي كنم چون الان به pc‏ دسترسي ندارم

[ashkanjoon]

سعيد جان درسته، دقيقا بايد تو كلاس div اين كار انجام مي شد:

div.buttonheading {
	position: absolute;
	top: -25px;
	right: 0;
	width: 62px;
	padding-right: 550px;
}

[سعید]

اين كار كه براي كشوندن محتويات به سمت راست از padding‏ استفاده كني كار جالب و استانداردي نيست
ممكنه بعدا با ساير قسمت ها مشكل داشته باشه

اون

right: 0;

رو به

Left: 0;

تغيير بده اگر مشكل حل شد اين راه بهتر هست