Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:เหมือนมีช่องว่างด้านหลัง contact us
แล้วต้องแก้ยังไงค่ะ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ต้องเช็คโครงสร้าง html ว่ามีอะไรอยู่ตรงนั้น
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:ต้องเช็คโครงสร้าง html ว่ามีอะไรอยู่ตรงนั้น
class="navbar-nav mr-auto" อยู่ที่ช่องว่างด้านหลังเมนู ดังรูป
b.png
Live Simply, Laugh Often, Love Deeply.....
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

ลองเอา class mr-auto ออกก็ได้ดังรูป
bc.png
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ลองใส่ margin: 0 auto;
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:ลองใส่ margin: 0 auto;
ไม่ได้ค่ะ
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

ทำยังไงครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:ทำยังไงครับ
ใส่ใน class navbar ดังนี้

โค้ด: เลือกทั้งหมด

.navbar{
 position:relative;
 display:-ms-flexbox;
 display:flex;-ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:justify;
 margin: 0 auto;
}
Live Simply, Laugh Often, Love Deeply.....
ภาพประจำตัวสมาชิก
tsukasaz
PHP VIP Members
PHP VIP Members
โพสต์: 21911
ลงทะเบียนเมื่อ: 18/04/2012 9:39 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย tsukasaz »

คนละตัวกันครับ
The last bug isn't fixed until the last user is dead. (Sidney Markowitz, 1995)
Parichat
PHP VIP Members
PHP VIP Members
โพสต์: 4859
ลงทะเบียนเมื่อ: 08/01/2018 10:03 am

Re: Q - จัดเมนูให้อยู่กึ่งกลางหน้าเว็บ

โพสต์ที่ยังไม่ได้อ่าน โดย Parichat »

tsukasaz เขียน:คนละตัวกันครับ
ต้องไปเพิ่มที่ class ไหนค่ะ
Live Simply, Laugh Often, Love Deeply.....
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 45