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,027

HOME > PHP > PHP Forum > ทำไม เราสั่ง Center แล้วมันไม่ Center ให้อะค่ะ แปลกใจมาก ๆ ค่ะ รบกวนท่านที่เซียน Css เข้ามาเคลียร์ปัญหาให้ด้วยค่ะ



 

ทำไม เราสั่ง Center แล้วมันไม่ Center ให้อะค่ะ แปลกใจมาก ๆ ค่ะ รบกวนท่านที่เซียน Css เข้ามาเคลียร์ปัญหาให้ด้วยค่ะ

 



Topic : 110925



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

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

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



lacasettamailer.php
<form action="phpMailer.php" method="post" name="frm_contact" onSubmit="JavaScript:return fncSubmit();">
<div class="control_width">
	<div class="sendmail">
		<ul>
    		<li><div>Your Name</div> <input name="name_txt" type="text"></li>
    		<li><div>Your E-mail</div> <input name="email_txt" type="text"></li>
            <li><div>Your Phone</div> <input name="phone_txt" type="text"></li>
            <li><div>Message</div> <textarea name="mes_txt" cols="40" rows="5" ></textarea></li>
            <li><div>Verify</div> <input name="verify_txt" type="text"></li>       
            <li><div>&nbsp;</div><img src="captcha.php"/></li>   
   		 </ul>
	</div>
    <input name="send" type="submit" value="Send" />&nbsp;&nbsp;<input name="reset" type="submit" value="Reset" />
</div>
</form>



Contact.php
<div class="control_mail">
<?php include('lacasettamailer.php'); ?>
</div><!--control_mail -->




css
/*Contact Form send Email	*/
.control_mail{
	/*text-align:center;*/
	width:984px;
	/*margin: 0 auto;*/
	margin-top:15px;
	border:1px #F00 solid;
	margin-left:auto;
	margin-right:auto;	
}

.sendmail ul input, .addrecord ul textarea{
	width:339px;
}

.sendmail ul div{
	float:left;
	width:110px;
	border:1px #0F0 solid;
	
}
.sendmail ul li{
	text-align:left;
	list-style-type:none;
	display:list-item;
	text-height:font-size;
	padding:1px;
	width:480px;
	border:1px #0FF solid;
}


center



Tag : PHP, HTML/CSS








ประวัติการแก้ไข
2014-08-28 10:37:55
2014-08-28 10:38:39
2014-08-28 10:44:05
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-08-28 10:36:51 By : nottpoo View : 734 Reply : 5
 

 

No. 1



โพสกระทู้ ( 2,311 )
บทความ ( 1 )



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


ยังไงครับ มีรูปให้ดูไม๊ครับ


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-28 10:40:10 By : arm8957
 


 

No. 2



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

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

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : arm8957 เมื่อวันที่ 2014-08-28 10:40:10
รายละเอียดของการตอบ ::
.เห็นรูปมั้ยค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-28 10:50:30 By : nottpoo
 

 

No. 3



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



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


ul {width: 100%; margin: auto;}
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-28 11:00:38 By : yamcrocodile
 


 

No. 4



โพสกระทู้ ( 2,311 )
บทความ ( 1 )



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


ผมแค่แก้ให้ได้ตามต้องการนะครับ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
/*Contact Form send Email	*/
.control_mail{
	/*text-align:center;*/
	width:984px;
	/*margin: 0 auto;*/
	margin-top:15px;
	border:1px #F00 solid;
	margin-left:auto;
	margin-right:auto;	
}
.control_width {	
	width:480px;
	margin:15px auto;
}
.sendmail ul input, .addrecord ul textarea{
	width:339px;
}

.sendmail ul div{
	float:left;
	width:110px;
	border:1px #0F0 solid;
	
}
.sendmail ul li{
	text-align:left;
	list-style-type:none;
	display:list-item;
	text-height:font-size;
	padding:1px;
	width:480px;
	border:1px #0FF solid;
	line-height:1.8em;
}
</style>
</head>

<body>
<div class="control_mail">
<div class="control_width">
<form action="phpMailer.php" method="post" name="frm_contact" onSubmit="JavaScript:return fncSubmit();">
	<div class="sendmail">
		<ul style="margin:0; padding:0;">
    		<li><div>Your Name</div> <input name="name_txt" type="text"></li>
    		<li><div>Your E-mail</div> <input name="email_txt" type="text"></li>
            <li><div>Your Phone</div> <input name="phone_txt" type="text"></li>
            <li><div>Message</div> <textarea name="mes_txt" cols="40" rows="5" ></textarea></li>
            <li><div>Verify</div> <input name="verify_txt" type="text"></li>       
            <li><div>&nbsp;</div><img src="captcha.php"/></li>
   		 </ul>
	</div>
    <div align="center" style="padding:10px 0;"><input name="send" type="submit" value="Send" />&nbsp;&nbsp;<input name="reset" type="submit" value="Reset" /></div>
 </form>
</div>
</div>
</body>
</html>


ผลลัพธิ์
css


ประวัติการแก้ไข
2014-08-28 11:16:27
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-28 11:13:15 By : arm8957
 


 

No. 5



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

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

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

ขอบคุณค่ะ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-08-28 14:00:07 By : nottpoo
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : ทำไม เราสั่ง Center แล้วมันไม่ Center ให้อะค่ะ แปลกใจมาก ๆ ค่ะ รบกวนท่านที่เซียน Css เข้ามาเคลียร์ปัญหาให้ด้วยค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

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