ช่วยดูให้หน่อยกับ มีปัญหาการสร้างฟอร์มในตารางโดยมีพื้นหลังเป็นรูปภาพ

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

ช่วยดูให้หน่อยกับ มีปัญหาการสร้างฟอร์มในตารางโดยมีพื้นหลังเป็นรูปภาพ

 

นี่คือ graphic ที่ผมสร้างขึ้นจาก photoshop โดยใช้ slice tool ตัดเป็นชิ้นๆ แล้วเซฟเป็น html

จากนั้นผมสร้างฟอร์มลงในตาราง โดย ใส่รูปภาพพื้นหลังของตาราง

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<tr>
        <td>
            <img src="images/AionDream_26.jpg" width="197" height="30" alt=""></td>
        <td colspan="11" rowspan="9" width ="713" height="833" background="images/AionDream_27.jpg" align="center">
        <?php
            if($errmsg != "") {
                echo "<font color=red><ul>$errmsg</ul></font>";
            }
            ?>
            <form id="form1" name="form1" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" >
              Login:
              <label>
              <input name="login" type="text" id="login" maxlength="20" />
              </label>
              <br />
            Pswd:
            <label>
            <input name="pswd" type="password" id="pswd" maxlength="20" />
            </label>
            <br />
            Email:
            <label>
            <input name="email" type="text" id="email" maxlength="150" />
            <br />
            </label>
            <br />
            <img src="create_captcha.php" /> อักขระที่ปรากฏในภาพ
            <label> <br />
            <input name="captcha" type="text" id="captcha" size="25" maxlength="4" />
            </label>
            <br />
            <br />
            <label>
            <input type="submit" name="Submit" value="สมัครสมาชิก" />
            </label>
            <br />
            </form>
            <img src="images/AionDream_27.jpg" width="713" height="383" alt=""></td>
        <td rowspan="10">
            <img src="images/AionDream_28.gif" width="21" height="402" alt=""></td>
        <td>
            <img src="images/spacer.gif" width="1" height="30" alt=""></td>
    </tr>
    <tr>

สุดท้ายประกฏว่า รันออกมาแล้วเป็นดังภาพอะครับ

มันเบี้ยวไปหมดเลยอะครับ ทำยังไงดีเอ่ยช่วยทีนะครับ



Chanut 14-12-2011 21:23:09

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

เยี่ยมครับ



Chayapol Assawachaisuwikom 15-12-2011 09:05
 ความคิดเห็นที่ 2

good job!



Totsapon Keawsarn 15-12-2011 09:11
 ความคิดเห็นที่ 3

 ทำไมไม่แยกเป็น 2 คอลัมน์ละ

แยก ข้อความ กับ คอนโทรล  



Dew Intention 15-12-2011 14:03
 ความคิดเห็นที่ 4

แยกเป็น 2 คอลัมน์ ยังไงอะครับ ไม่เข้าใจ พอดีเป็นมือใหม่อะครับ



chanut 15-12-2011 14:43
 ความคิดเห็นที่ 5
1
2
3
4
5
6
7
8
9
<table>
<tr>
<td>user</td><td><input id="txtUser" type="text"/></td>
<td>pass</td><td><input id="txtPass" type="text"/></td>
<tr>
<td colspan="2"><button id="btnRegister">Register</button></td>
</tr>
</tr>
</table>

ก็ประมานเนี่ยแหละ



Dew Intention 15-12-2011 19:30
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ