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

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

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

 

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

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

<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
<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) ขอบคุณครับ