مشگل در وسط چین کردن

mnoire

تازه وارد
سلام ، آدرس سایت :

من میخواستم بخش روال کار سایت که زیر پنجره تبلیغات هستش رو بیارم وسط صفحه ، چه جوری میتونم این کار رو انجام بدم ؟!

کد CSS :

.steps-both { height: 114px; width: 788px; margin-right: 22px; margin-left: auto; background-position: -2px center; margin-bottom: 40px; position: relative; clear: both; float: right;}.steps-both-1, .steps-both-2, .steps-both-3, .steps-both-4, .steps-both-5 { height: 114px; width: 180px; float: right; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}.steps-both-1 { background-image: url(images/1-on.png); position: absolute; z-index: 5; background-position: top;}.steps-both-2 { background-image: url(images/2-on.png); position: absolute; right: 158px; z-index: 4; background-position: top;}.steps-both-3 { background-image: url(images/3-on.png); right: 316px; position: absolute; z-index: 3; background-position: top;}.steps-both-4 { background-image: url(images/4-on.png); position: absolute; right: 474px; z-index: 2; background-position: top;}.steps-both-5 { background-image: url(images/5-on.png); height: 114px; width: 157px; position: absolute; right: 633px; z-index: 1; background-position: top;}.steps-both-1:hover, .steps-both-2:hover, .steps-both-3:hover, .steps-both-4:hover, .steps-both-5:hover { background-position: bottom; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}​
کد:
 
آخرین ویرایش توسط مدیر:

mnoire

تازه وارد
سلام ، آدرس سایت :

من میخواستم بخش روال کار سایت که زیر پنجره تبلیغات هستش رو بیارم وسط صفحه ، چه جوری میتونم این کار رو انجام بدم ؟!

کد CSS :

.steps-both { height: 114px; width: 788px; margin-right: 22px; margin-left: auto; background-position: -2px center; margin-bottom: 40px; position: relative; clear: both; float: right;}.steps-both-1, .steps-both-2, .steps-both-3, .steps-both-4, .steps-both-5 { height: 114px; width: 180px; float: right; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}.steps-both-1 { background-image: url(images/1-on.png); position: absolute; z-index: 5; background-position: top;}.steps-both-2 { background-image: url(images/2-on.png); position: absolute; right: 158px; z-index: 4; background-position: top;}.steps-both-3 { background-image: url(images/3-on.png); right: 316px; position: absolute; z-index: 3; background-position: top;}.steps-both-4 { background-image: url(images/4-on.png); position: absolute; right: 474px; z-index: 2; background-position: top;}.steps-both-5 { background-image: url(images/5-on.png); height: 114px; width: 157px; position: absolute; right: 633px; z-index: 1; background-position: top;}.steps-both-1:hover, .steps-both-2:hover, .steps-both-3:hover, .steps-both-4:hover, .steps-both-5:hover { background-position: bottom; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}​
کد:
 
آخرین ویرایش توسط مدیر:

Mohammad

مدیر انجمن
پرسنل مدیریت
باید برای هر کدوم که background-position دادی. برای تصاویر اولیه رو روی right top قرار بدی. و برای hover هر کدوم right bottom قرار بدی

 

Mohammad

مدیر انجمن
پرسنل مدیریت
باید برای هر کدوم که background-position دادی. برای تصاویر اولیه رو روی right top قرار بدی. و برای hover هر کدوم right bottom قرار بدی

 

mnoire

تازه وارد
باید برای هر کدوم که background-position دادی. برای تصاویر اولیه رو روی right top قرار بدی. و برای hover هر کدوم right bottom قرار بدی
ممنون درست شد ، ولی 4تاش میاد و سط و اولی میافته تقریبا روی دومی .

حالا بخش مشتریان ما را چه طور بیارم وسط ؟!

ممنون از شما :x:

 

mnoire

تازه وارد
باید برای هر کدوم که background-position دادی. برای تصاویر اولیه رو روی right top قرار بدی. و برای hover هر کدوم right bottom قرار بدی
ممنون درست شد ، ولی 4تاش میاد و سط و اولی میافته تقریبا روی دومی .

حالا بخش مشتریان ما را چه طور بیارم وسط ؟!

ممنون از شما :x:

 

mahdiali35

کاربر عضو
قسمت .clients که لاین 1983 هست رو باید ویرایش کنید ... قسمت background-position رو باید طبق پست بالا عوض کنید و قسمت padding رو هم باید 5px 115px 5px 0 رو تغییر بدی و 115 رو کمتر کنی تا درست بشه ...

شاد باشی

 

mahdiali35

کاربر عضو
قسمت .clients که لاین 1983 هست رو باید ویرایش کنید ... قسمت background-position رو باید طبق پست بالا عوض کنید و قسمت padding رو هم باید 5px 115px 5px 0 رو تغییر بدی و 115 رو کمتر کنی تا درست بشه ...

شاد باشی

 
بالا