نمایش نسخه قابل چاپ
يه قالب دارم فارسي مي كنم چطور در css اين امكان رو ايجاد كنم كه آيكون هاي pdf,print, email رو سمت چپ عنوان خبر نشون بده. آيا اصولا اين كار در css انجام مي شه؟
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
با تشكر
معمولا کلاس buttonheading هستش
اين قسمتي كه مربوط به اين ايكون ها ميشه تو css رو پيدا كردم كدش اينطوريه:
من هم بخشي از اون رو به اين شكل تغيير دادم:کد:div.buttonheading {
position: absolute;
top: -25px;
right: 0;
width: 62px;
padding: 3px;
}
.buttonheading img {
margin: 0 5px 0 0;
border: 0;
float: right;
}
آيكون ها به سمت چپ تغيير مكان دادند اما بصورت عمودي روي هم قرار گرفتند؟ :o به نظر شما علت چي مي تونه باشه؟کد:.buttonheading img {
margin: 0 5px 0 0;
border: 0;
float: right;
padding-right: 600px;
}
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
به جاي اون كار
در مقدار خصيصه float به جاي righ شما left قرار بديد
سعيد جان ممنون از راهنمايي شما. اما قبلا اين كار رو تست كرده بودم با كمال تعجب آيكون ها به وسط انتقال داده شدند ! ! !
در اون كلاس div هم اين كار رو انجام بده
باز هم نشد width كلاس div رو بيشتر كن
يا position رو تغيير بده
باز هم درصورتي كه رفع نشد از بقيه دوستان كمك بگير يا صبر كنيد تا خودم بررسي كنم چون الان به pc دسترسي ندارم
سعيد جان درسته، دقيقا بايد تو كلاس div اين كار انجام مي شد: :)
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]کد:div.buttonheading {
position: absolute;
top: -25px;
right: 0;
width: 62px;
padding-right: 550px;
}
اين كار كه براي كشوندن محتويات به سمت راست از padding استفاده كني كار جالب و استانداردي نيست
ممكنه بعدا با ساير قسمت ها مشكل داشته باشه
اون
رو بهکد:right: 0;
تغيير بده اگر مشكل حل شد اين راه بهتر هستکد:Left: 0;