Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > สอบถามเรื่องการสร้างตารางสองตาราง ให้อยู่ในบรรทัดเดียวกัน


[PHP] สอบถามเรื่องการสร้างตารางสองตาราง ให้อยู่ในบรรทัดเดียวกัน

 
Topic : 132440



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



สถานะออฟไลน์



ตามหัวข้อเลยครับ คือ อยากสร้างตารางสองตารางให้อยู่ในบรรทัดเดียวกัน โดยมีเว้นวรรค 1 วรรค

Code (PHP)
01.<table>
02.  <tr>
03.    <th>Firstname</th>
04.    <th>Lastname</th>
05.  </tr>
06.  <tr>
07.    <td>Peter</td>
08.    <td>Griffin</td>
09.  </tr>
10.  <tr>
11.    <td>Lois</td>
12.    <td>Griffin</td>
13.  </tr>
14.</table>
15. 
16.<table>
17.  <tr>
18.    <th>Firstname</th>
19.    <th>Lastname</th>
20.  </tr>
21.  <tr>
22.    <td>Peter</td>
23.    <td>Griffin</td>
24.  </tr>
25.  <tr>
26.    <td>Lois</td>
27.    <td>Griffin</td>
28.  </tr>
29.</table>


ลองเขียนแบบนี้แล้วมันจะเป็น ตารางสองอัน บนล่างอ่ะครับ อยากได้เป็นแนวข้างแล้วมีเว้นวรรค รบกวนด้วยครับ



Tag : PHP, HTML, CSS, HTML5

Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2018-10-28 21:00:20 By : kidscirenser View : 2383 Reply : 3
 

 

No. 1



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



สถานะออฟไลน์
Facebook

Table

แบบนี้ป่าวครับ ลองใช้พวก Bootstrap Grip นะครับ

Code (PHP)
01.<div class="container">
02.            <div class="row">
03.                <div class="col-md-12">
04.                    <h1>Bootstrap Grid system</h1>
05.                </div>
06.                <div class="col-md-6">
07.                    <table class="table">
08.                        <thead>
09.                            <tr>
10.                                <th>#</th>
11.                                <th>First Name</th>
12.                                <th>Last Name</th>
13.                                <th>Username</th>
14.                            </tr>
15.                        </thead>
16.                        <tbody>
17.                            <tr>
18.                                <th scope="row">1</th>
19.                                    <td>Mark</td>
20.                                    <td>Otto</td>
21.                                    <td>@mdo</td>
22.                            </tr>
23.                            <tr>
24.                                <th scope="row">2</th>
25.                                <td>Jacob</td>
26.                                <td>Thornton</td>
27.                                <td>@fat</td>
28.                            </tr>
29.                        </tbody>
30.                    </table>
31.                </div>
32.                <div class="col-md-6">
33.                    <table class="table">
34.                        <thead>
35.                            <tr>
36.                                <th>#</th>
37.                                <th>First Name</th>
38.                                <th>Last Name</th>
39.                                <th>Username</th>
40.                            </tr>
41.                        </thead>
42.                        <tbody>
43.                            <tr>
44.                                <th scope="row">1</th>
45.                                    <td>Mark</td>
46.                                    <td>Otto</td>
47.                                    <td>@mdo</td>
48.                            </tr>
49.                            <tr>
50.                                <th scope="row">2</th>
51.                                <td>Jacob</td>
52.                                <td>Thornton</td>
53.                                <td>@fat</td>
54.                            </tr>
55.                        </tbody>
56.                    </table>
57.                </div>
58.            </div>
59.        </div>



ประวัติการแก้ไข
2018-10-28 22:55:16
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-28 22:53:56 By : pramuan_thaicreate
 

 

No. 2



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



สถานะออฟไลน์


ตอบความคิดเห็นที่ : 1 เขียนโดย : pramuan_thaicreate เมื่อวันที่ 2018-10-28 22:53:56
รายละเอียดของการตอบ ::
ขอบคุณครับ ได้แล้วครับ แต่ผมสอบถามประดับความรู้นิดนึงได้ไหมครับว่า เราสามารถใช้ html เพียวๆเขียนได้ไหมครับ

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-29 13:55:24 By : kidscirenser
 

 

No. 3



โพสกระทู้ ( 5,105 )
บทความ ( 4 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


ตอบความคิดเห็นที่ : 2 เขียนโดย : kidscirenser เมื่อวันที่ 2018-10-29 13:55:24
รายละเอียดของการตอบ ::
... ถ้าไม่เล่น bootstrap ก็ต้องจัด CSS เอง ครับ


อาจจะใช้

01..floatLeft { width: 50%; float: left; }
02..floatRight {width: 50%; float: right; }
03..container { overflow: hidden; }
04. 
05.<div class="container">
06.<div class="floatLeft">
07.<tr><table>
08.<tr><td class="box3_t">TEXT HERE
09.<tr><td class="box3_b"></td></tr>
10.</td></tr></table>
11.</div>
12. 
13.<div class="floatRight">
14.<tr><table>
15.<tr><td class="box4_t">TEXT HERE
16.<tr><td class="box4_b"></td></tr>
17.</td></tr></table>
18.</div>
19.</div>


http://jsfiddle.net/SM769/


ประวัติการแก้ไข
2018-10-29 16:02:07
2018-10-29 16:05:08
2018-10-29 16:05:51
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2018-10-29 16:00:10 By : apisitp
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเรื่องการสร้างตารางสองตาราง ให้อยู่ในบรรทัดเดียวกัน
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่