Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,037

HOME > PHP > PHP Forum > อยากทราบวิธีสร้าง ตาราง โดยไม่ใช้ <table> ครับ มีวิธีทำได้มั้ยครับ

อยากทราบวิธีสร้าง ตาราง โดยไม่ใช้ <table> ครับ มีวิธีทำได้มั้ยครับ

เริ่มหัวข้อใหม่

PikaboyZ

โพสกระทู้ ( 94 )
บทความ ( 0 )

ผมไปสัมภาษณ์งานอยู่ที่หนึ่งแล้วเค้าตั้งโจทย์มาให้ผมทำ ซึ่งผมทำไม่เป็น แต่ก็อยากรู้มากครับ

โจทย์คือทำยังไงก็ได้ ภาษาอะไรก็ พอใส่ค่าตัวเลขไป ก็ให้วนจนถึงเลขนั้นๆ ทำเป็นรูปแบบตาราง ประมาณนี้ครับ

1 2 3 4 5 6
7 8 9 10 11 12
13 14 15 16 17 18
19 20 21 22 23 24
25 26 27 28 29 30

ในโจทย์จริงๆที่เค้าให้ดูรูปแบบ แถวมันจะตรงกัน และมีเส้นแบ่งเหมือนตารางเลย แล้วแบ่งหน้าได้ด้วย เช่น ใส่ไป 60 ก็เป็นหน้าละ 30
ผมเดาว่าต้องใช้ css มาทำรึเปล่า

Tag : PHP, HTML/CSS

ประวัติการแก้ไข
2011-06-08 11:13:20

Date : 2011-06-08 11:09:58

By : PikaboyZ

View : 1005

Reply : 3

No. 1

PlaKriM

โพสกระทู้ ( 11,835 )
บทความ ( 10 )

ทำได้หลายอย่างใช้ bullet ก็ได้ ใช้ div ก็ได้ครับ ใช้ css คุม

Date : 2011-06-08 11:30:44

By : PlaKriM

No. 2

The Gunner

โพสกระทู้ ( 392 )
บทความ ( 0 )

ใช่คับ
1. ก็คือทำ div ใหญ่กำหนดขนาดไว้ เช่น 600px
2. ใน div ใหญ่ให้สร้าง div เล็กขนาด 100px กำหนด float:left; เพื่อให้ชิดซ้าย กำหนด border-style ให้มันเพื่อที่แสดงเส้นขอบ
3. เมื่อเราใส่ตัวเลขลงไป ก็ให้ลูป ในลูปก็จะได้ 1 ค่า อยู่ใน 1 div เล็ก ลักษณะการทำงานไม่มีอะไรแตกต่างที่สัมภาษร์งานทั่วไป
แต่ที่พิเศษขึ้นมาหน่อย คือเขาอยากจะดู ว่าคุณทำ css ได้เปล่า เพราะมันน่าจะมีผลกับการจัด layout ที่ slide จาก photoshop ด้วย

ผมก็เด็กจบใหม่เหมือนกันคับ สู้ๆ

(เด็กใหม่การทำงาน แต่เด็กเก่า Thaicreate

)

ประวัติการแก้ไข
2011-06-08 11:39:48

Date : 2011-06-08 11:37:39

By : TEST_CODE

No. 3

PikaboyZ

โพสกระทู้ ( 94 )
บทความ ( 0 )

ขอบคุณครับ จริงๆอยากลองใช้ css มาทำ layout หน้าเวปเหมือนกัน มันน่าจะทำได้ละเอียดกว่าการใช้ตารางเยอะเลย

Date : 2011-06-08 12:00:51

By : PikaboyZ

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากทราบวิธีสร้าง ตาราง โดยไม่ใช้ <table> ครับ มีวิธีทำได้มั้ยครับ

รายละเอียด

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

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก