PDA

View Full Version : سوال: مشکل با جای دکمه



yasharhi
جمعه 16 مرداد 1394, 07:37 صبح
من هر کاری می کنم نمی تونم این 2 تا دکمه رو به وسط صفحه بیارم . می تونید بگید دلیلش چیه و مشکل کجاست ؟

http://ideallandingpage.com/94/

http://uupload.ir/files/6fi_121.png

anvar
شنبه 17 مرداد 1394, 08:55 صبح
به کلاس .center-block اضافه کن

text-align: center;

به Li هر دکمه display: inline; رو اضافه کن و کلاس .float-left رو هم از li حذف کن تا float نداشته باشه

yasharhi
شنبه 17 مرداد 1394, 09:22 صبح
به کلاس .center-block اضافه کن

text-align: center;

به Li هر دکمه display: inline; رو اضافه کن و کلاس .float-left رو هم از li حذف کن تا float نداشته باشه

ممنون از راهنماییتون ولی درست نشد و دکمه ها در همون جای قبلی بالای هم قرار گرفتند .

http://uupload.ir/files/nnc8_111222.png

anvar
شنبه 17 مرداد 1394, 09:36 صبح
من سایت شما رو دوبار چک کردم جواب داد -

yasharhi
شنبه 17 مرداد 1394, 11:04 صبح
میشه عین کدی رو که اضافه میکنید رو اینجا قرار بدید ؟

amir868
شنبه 17 مرداد 1394, 13:24 عصر
به ul ت کلاس ul1 بده بعد این کد ها رو وارد کن:
.ul1{
text-align:center;
margin-top:50px;
}
.ul1 li{
display:inline-block;
margin:10px;
}



کلاس Float-Left رو هم حتما از روی اون li بردار و همینطور margin-top رو از روی تگ های <a> ت بردار margin رو به ul دادم برات... یا میتونی اگه بخوای اونو بزاری باشه از رو کدی که دادم margin-top رو برداری.





یا میتونی به ul ت width بدی تا auto margin ها انجام بشن حدود 450px وسط میفته ولی از کد بالا استفاده کن که هم دقیق تره و هم اصولی تر...

elahe471
شنبه 17 مرداد 1394, 15:06 عصر
<ul class="button center-block " style=" display: inline-block;
width: 100%;
text-align: center;
">
<li class="left-3" style="
display: inline-block;
"><a href="#">Download</a></li>
<li class="left-35" style="
display: inline-block;
"><a class="active span" href="#">Learn More</a></li>
</ul>

yasharhi
شنبه 17 مرداد 1394, 18:52 عصر
خیلی ممنون .
درست شد