چطور این 3 دایره دقیقا در وسط دیو قرار گرفته اند ؟ [بایگانی]

yasharhi

چهارشنبه 29 آبان 1392, 01:42 صبح

چطور این 3 دایره دقیقا در وسط دیو قرار گرفته اند ؟ وقتی هم که صفحه کوچک یا بزرگ می شود تغییر نمی کند .

http://getbootstrap.com/examples/carousel/

2undercover

چهارشنبه 29 آبان 1392, 05:43 صبح

هر کدوم از اون دایره ها یک تگ li هستند با این استایل:

display: inline-block;

که به خاط این استایل نحوه ی نمایششون مثل تگ های inline هم میشه یعنی می تونی با مشخص کردن text-align برای تگ والدشون موقعیت اون هارو مشخص کنی.

anarshia

چهارشنبه 29 آبان 1392, 05:50 صبح

با این کد

.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;

}

در واقع
text-align: center;
میشه وسط چین

yasharhi

چهارشنبه 29 آبان 1392, 07:56 صبح

هر کدوم از اون دایره ها یک تگ li هستند با این استایل:

display: inline-block;

که به خاط این استایل نحوه ی نمایششون مثل تگ های inline هم میشه یعنی می تونی با مشخص کردن text-align برای تگ والدشون موقعیت اون هارو مشخص کنی.

ولی توی کدش که هیچ کد li وجود نداره ؟!

yasharhi

چهارشنبه 29 آبان 1392, 07:57 صبح

با این کد

.marketing .col-lg-4 {
margin-bottom: 20px;
text-align: center;

}

در واقع
text-align: center;
میشه وسط چین
ولی اینکه تصویره و متن نیست - تصویر رو هم در بوت استرپ میشه با کد text-align: center; در وسط قرار داد ؟

mehbod.rayaneh

چهارشنبه 29 آبان 1392, 11:37 صبح

درود
کدوم 3 تا؟
زیر اسلایدر؟
اون عکسا؟

yasharhi

چهارشنبه 29 آبان 1392, 18:32 عصر

درود
کدوم 3 تا؟
زیر اسلایدر؟
اون عکسا؟
بله اون 3 تا دایره زیر اسلایدر

rezakho

پنج شنبه 30 آبان 1392, 00:00 صبح

مباحث وسط چین کردن اینجا اومده
http://barnamenevis.org/showthread.php?428027-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D9%87%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C&p=1915267#post1915267

yasharhi

پنج شنبه 30 آبان 1392, 00:21 صبح

مباحث وسط چین کردن اینجا اومده
http://barnamenevis.org/showthread.php?428027-%D8%AA%DA%A9%D9%86%DB%8C%DA%A9-%D9%87%D8%A7%DB%8C-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C&p=1915267#post1915267
ممنون . ولی من از بوت استرپ استفاده میکنم و سایت نمونه ای هم که قرار دادم با بوت استرپ هست و از هیچ کدام از این روشها استفاده نکرده -
کسی نمی دونه تو بوت استرپ چطور یک تصویر رو در وسط قرار بدم یا اینکه این سایت چطوری عکس ها رو در وسط دیو ها نمایش میده

rezakho

پنج شنبه 30 آبان 1392, 00:44 صبح

ببینم اصلا کدش رو نگاه کردی؟؟؟
خوب گفتن دیگه، اینا تصویر هستند، تگ والدشون یه تگ div با کلاس col-lg-4 هست که بهش text-align:center دادند، چرا اذیت میکنی؟!

mehbod.rayaneh

پنج شنبه 30 آبان 1392, 00:56 صبح

درود

width: 60%;
position: absolute;

left: 50%;
margin-left: -30%;
list-style: none outside none;
padding-left: 0;
text-align: center;
z-index: 15;

کار خاصی نکرده!
اندازه را 60% دیو والدش قرار داده
پوزیشن را ابسلوت داده ک نسبت ب والد موقعید بگیره!
50% از طرف چپ فاصله گرفته
30% به سمت چپ برگردونده! (حساب ک بکنید میشه 20% از چپ! ک با 60% کل میشه 80 و 20 از راست میشه 100! )
لیست استایل را غیر فعال کرده!
و در آخرم متن را وسط چین کرده!
همین!
برای وسط چین کردن اصلش همون 50% و 30% و متن وسط چینه!
موفق باشید