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

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

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

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

กระทู้: 396



ดูรายละเอียด
« เมื่อ: 17 กันยายน 2007, 19:22:44 »

ช่วยเรื่อง css หน่อยครับ <ul> แบบนำภาพมาเรียง div ต่อไปมันซ้อนกันหนะครับ

สมมุติว่า
<div id="listpic">
<ul>
  <li><img src="..."></li>
  <li><img src="..."></li>
  <li><img src="..."></li>
  <li><img src="..."></li>
........ มีอีกหลายๆ </li> ที่เป็นภาพ
</ul>
</div>

//float กำหนดเป็นแบบ left นะครับ ภาพจะได้เรียงไปเรื่อยๆ ถ้าถึงขนาดความกว้างที่กำหนดไว้ ระบบมันก็จะขึ้นบรรทัดใหม่

แต่ปัญหาที่ผมเจอคือ tag ต่อๆไป ซึ่งอาจจะเป็นเนื้อหา เช่นกำหนด <div id="content">...</div>

ไอ้เจ้าภาพที่เราทำไว้ใน list มันจะมาซ้อนทับกันทุกทีเลยครับ ลองทุกๆรูปแบบไม่ว่าจะกำหนด padding-bottom หรืออื่นๆ มันก็ไม่ได้หนะครับ

มีวิธีเดียวที่ผมลองได้คือ กำหนดความสูงของ div นั้นๆ ซะ เช่น #listpic { height:500px; } แบบนี้ถึงจะได้ผล

แต่... ปัญหาคือ บางทีขนาดภาพมีความกว้างสูงต่างกัน และจำนวนภาพต่างกันในแต่ละครั้ง เราจะไป fix ได้ยังไงหละครับ ว่าจะให้ box นั้นๆสูงเท่าไหร่

ไม่ทราบว่าผมควรจะต้องทำยังไงครับ ขอคำแนะนำด้วยครับ  Cry
บันทึกการเข้า

จะต้องทำให้ได้เดือนละอย่างต่ำ $1,000 แล้วก็ไม่โดนแบน
ab5olute
สมุนแก๊งเสียว
*

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

กระทู้: 523



ดูรายละเอียด
« ตอบ #1 เมื่อ: 17 กันยายน 2007, 19:28:51 »

ใน div ถัดไปให้ลองใช้ float : clear ดู
บันทึกการเข้า
artofid
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #2 เมื่อ: 17 กันยายน 2007, 19:56:59 »

พอจบ tag ของ ul ให้ใส่

<div style="clear:both;"></div>

เรียบโร้ย Smiley
บันทึกการเข้า

2.0 Designer
okgofun
ก๊วนเสียว
*

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

กระทู้: 396



ดูรายละเอียด
« ตอบ #3 เมื่อ: 18 กันยายน 2007, 00:51:11 »

ขอบคุณมากๆครับ  Grin
บันทึกการเข้า

จะต้องทำให้ได้เดือนละอย่างต่ำ $1,000 แล้วก็ไม่โดนแบน
หน้า: [1]   ขึ้นบน
พิมพ์