ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programmingเรื่อง position ค่ะ อยากให้เมนูซ้าย fix
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เรื่อง position ค่ะ อยากให้เมนูซ้าย fix  (อ่าน 1637 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
sunday12
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 254



ดูรายละเอียด เว็บไซต์
« เมื่อ: 09 มีนาคม 2014, 20:28:43 »

รบกวนสอบถามค่ะ

อยากให้เมนูสีเขียวด้านซ้ายติดขอบบน ล่าง และซ้าย และไม่เลื่อนไปไหนเลย แบบ fixed
http://www.enjoy-outside.com/test2.html

จะแก้ไขโค๊ดยังไงดีคะ ถ้าตั้ง position เป็น fixed แบบตัวอย่างลิงค์นี้ http://www.enjoy-outside.com/test1.html
จะทำให้ไม่สามารถมองเห็นแถบเมนูได้ทุกส่วนค่ะ เช่น ถ้าดูในไอแพดจะไม่สามารถมองเห็น เลข 1 2 3 4 5 ตรงด้านล่างได้
แต่ถ้าดูในคอมจะมองเห็นทุกส่วน  ดูในมือถือเวลาขยาย ส่วนของเมนูจะขยายตาม เต็มหน้าจอจนไม่สามารถเห็นแถบสีน้ำตาลในส่วนของเนื้อหาได้ค่ะ

 wanwan008 ไม่ทราบจะแก้ไข หรือเขียนโค๊ดใหม่ยังไงดีคะ +1
ขอบคุณมากค่ะ  Embarrassed
บันทึกการเข้า

max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #1 เมื่อ: 09 มีนาคม 2014, 20:37:56 »

แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ Tongue
« แก้ไขครั้งสุดท้าย: 09 มีนาคม 2014, 20:38:07 โดย max30012540 » บันทึกการเข้า
kuzaa516
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 230
ออฟไลน์ ออฟไลน์

กระทู้: 1,063



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 09 มีนาคม 2014, 20:53:05 »

ลองใส่ margin:0px; ลงใน body ของ css ดูครับ
บันทึกการเข้า

sunday12
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 254



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 09 มีนาคม 2014, 20:54:18 »

แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ Tongue



ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย
ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ  Lips Sealed Tongue

แบบนี้ค่ะ http://www.enjoy-outside.com/test3.html
บันทึกการเข้า

kuzaa516
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 230
ออฟไลน์ ออฟไลน์

กระทู้: 1,063



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 09 มีนาคม 2014, 21:03:36 »

แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ Tongue



ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย
ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ  Lips Sealed Tongue

แบบนี้ค่ะ http://www.enjoy-outside.com/test3.html

ที่มันขยายตามเพราะคุณกำหนดค่าเป็น % มันจะดึง % ตามขนาดของจอครับ ถ้าจอใหญ่ ความระเอียดต่ำมันก็จะใหญ่ ถ้าจอใหญ่ ความระเอียดสูงมันก็จะเล็ก
กำหนดเป็นค่า px จะดีกว่าครับ ลองดูนะครับ
บันทึกการเข้า

sunday12
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 254



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 09 มีนาคม 2014, 21:05:43 »

ลองใส่ margin:0px; ลงใน body ของ css ดูครับ

+1 เอาของของอันนี้ /test2.html มาปรับตามที่คุณแนะนำแล้ว ตอนนี้ชิดขอบแล้วค่ะ แต่อยากให้มัน fixed เมนู (พื้นที่สีเขียว) ไม่ว่าเราจะเลื่อนเนื้อหาขึ้นหรือลง ไว้ที่เดิมด้วยค่ะ ขอบคุณค่ะ
บันทึกการเข้า

sunday12
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 254



ดูรายละเอียด เว็บไซต์
« ตอบ #6 เมื่อ: 09 มีนาคม 2014, 21:09:37 »

แก้ปัญหาด้วยการทำให้มันเป็น Scrollbar ครับ Tongue



ขอบคุณมากๆค่ะ ช่วยตอบถึง 2 ครั้งเลย
ลองทำแล้ว แต่เวลาดูในจอคอม จะมีแถบสกรอบาร์โผล่มา และ ดูในจอมือถือ เวลาขยายแถบเมนุเขียวๆ ก็ขยายตามและ fixed ตำแหน่งไม่เลื่อนไปไหนเลยอะค่ะ  Lips Sealed Tongue

แบบนี้ค่ะ http://www.enjoy-outside.com/test3.html

ที่มันขยายตามเพราะคุณกำหนดค่าเป็น % มันจะดึง % ตามขนาดของจอครับ ถ้าจอใหญ่ ความระเอียดต่ำมันก็จะใหญ่ ถ้าจอใหญ่ ความระเอียดสูงมันก็จะเล็ก
กำหนดเป็นค่า px จะดีกว่าครับ ลองดูนะครับ


ถ้ากำหนดเป็น px ตัวเว็บจะยังขยายตามขนาดหน้าจอหรือไม่คะ หลักๆแล้วอยากให้เว็บ (รุป + เนื้อหา) ขยายหรือหดตามขนาดหน้าจอ และต้องการให้เมนูด้านซ้าย fixed ตำแหน่งเวลาเราเลื่อนเนื้อหาขึ้นลงค่ะ

ไม่ค่อยมีความรู้เรื่อง code ด้วยลองเล่นในดรีมดูค่ะ  Tongue
บันทึกการเข้า

sunday12
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 254



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 09 มีนาคม 2014, 21:52:13 »

ให้เมนูเลื่อนขึ้นลงให้ครบ แต่ไม่ต้องการเห็นแถบ สกรอบาร์ ทำอย่างไรคะ  wanwan008

ลิงค์นี้ http://www.enjoy-outside.com/test3.html   wanwan017
« แก้ไขครั้งสุดท้าย: 09 มีนาคม 2014, 21:53:02 โดย sunday12 » บันทึกการเข้า

max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #8 เมื่อ: 09 มีนาคม 2014, 22:34:46 »

แก้ไขๆครับ เอาแถบเมนูลากยาวมาจนสุดเอกสารเลยครับ (แนะนำ)
ผมทำ Responsive แบบง่ายๆให้ด้วยครับ จขกท. ลองใช้ Smart device ต่างๆ ที่หน้าจอใหญ่น้อยกว่า 768px เข้าดูครับ Embarrassed
http://host-1gb.com/code/test3_files/test3.html
บันทึกการเข้า
sunday12
ก๊วนเสียว
*

พลังน้ำใจ: 18
ออฟไลน์ ออฟไลน์

กระทู้: 254



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 09 มีนาคม 2014, 23:58:05 »

แก้ไขๆครับ เอาแถบเมนูลากยาวมาจนสุดเอกสารเลยครับ (แนะนำ)
ผมทำ Responsive แบบง่ายๆให้ด้วยครับ จขกท. ลองใช้ Smart device ต่างๆ ที่หน้าจอใหญ่น้อยกว่า 768px เข้าดูครับ Embarrassed
http://host-1gb.com/code/test3_files/test3.html


ขอบคุณมากๆเลยค่ะ
แบบนี้ก็ได้ค่ะ เห็นเมนูครบ ถึงจะไม่ fix แต่ ดูใน note 2 มองไม่เห็นเมนุเขียวเลยค่ะ  Tongue เมนุหายไปเลย  wanwan008


--------------------------
อ้อ เจอแล้วค่ะ อิอิ ขอบคุณมากๆเลยค่ะ  Embarrassed wanwan017
« แก้ไขครั้งสุดท้าย: 10 มีนาคม 2014, 00:49:23 โดย sunday12 » บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์