Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > กำหนดกรอบด้วย css อยากทราบวิธีการกำหนดขอบให้กรอบติดกัน

กำหนดกรอบด้วย css อยากทราบวิธีการกำหนดขอบให้กรอบติดกัน

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

Guest

จากรูปผมอยากให้กรอบมันติดกัน อยากทราบวิธีเขียน css ครับ พอดีผมใช้ code นี้อยู่มันก็ยังไม่ติดกันสะที

css
Code (PHP)

ul.row {
	display:block;
	float:left;
	list-style:none;
	padding:0px;
	margin:0;
	width:480px;
	padding:3px 0 0px 5px;
	
}

.rowtitle{

	float:left;
	background-color:#CCCCCC;  
	width:470px; 
	height: 200px;
	margin-top: -3px;
	margin-right: 5px;
	margin-bottom: 0px;
	behavior: url(PIE.htc);
}
.rowbar{

	float:left;
	background-color:#CC9933;   
	width:470px; 
	height: 30px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	behavior: url(PIE.htc);
}

code
Code (PHP)

<ul class="row">
<div class="rowbar" style="margin:6px; color:#000; font-size:14px; font-weight:bold;">ระบบงานให้บริการ On Line</div>
<div class="rowtitle" style="margin:6px; color:#000; font-size:14px; font-weight:bold;"></div>
</ul>


<ul class="row">
<div class="rowbar" style="margin:6px; color:#000; font-size:14px; font-weight:bold;">ระบบงานให้บริการ On Line</div>
<div class="rowtitle" style="margin:6px; color:#000; font-size:14px; font-weight:bold;"></div>
</ul>

Tag : PHP

Date : 2011-12-14 16:21:55

By : auikung

View : 2786

Reply : 10

No. 1

หมาของเซสชั่น

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

padding:3px 0 0px 5px; ลองปรับตรงนี้ดูก่อนนะครับ ให้มัน 0 หรือน้อยกว่า 0

Date : 2011-12-14 16:26:11

By : Dragons_first

No. 2

Guest

ตอบความคิดเห็นที่ : 1 เขียนโดย : Dragons_first เมื่อวันที่ 2011-12-14 16:26:11

รายละเอียดของการตอบ ::

อีกเรื่องครับปกติ ใช้ code นี้ใส่พื้นหลัง แต่ทำไมพอใส่ไปแล้วไม่มีสีขึ้นครับผม

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#FFCC66));
-pie-background: linear-gradient(#FFF, #FFCC66); ////-----ปกติเขียนไว้ใช้กับ ie

behavior: url(PIE.htc);

ปกติใส่แล้วขึ้นครับ

Date : 2011-12-14 16:43:35

By : auikung

No. 3

หมาของเซสชั่น

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

ตอบความคิดเห็นที่ : 2 เขียนโดย : auikung เมื่อวันที่ 2011-12-14 16:43:35

รายละเอียดของการตอบ ::

อันนี้เป็นคำสั่งไล่สีนี่ครับ ไม่ขึ้นหรอ เรียกใช้ถูก class อ่ะป่าวครับ

Date : 2011-12-14 16:45:38

By : Dragons_first

No. 4

หมาของเซสชั่น

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

Code (PHP)

background:-webkit-gradient(linear, 0 top, 0 bottom, from(โค๊ดสี1), to(โค๊ดสี2));

ลองใหม่ เอาแค่นี้ก่อน บรรทัดอื่นไว้ทีหลังลองรันดูก่อนครับว่าได้อ่ะป่าว

Date : 2011-12-14 16:48:02

By : Dragons_first

No. 5

หมาของเซสชั่น

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

ลืมไป ใช้ใน ie น่าจะไม่ได้เรื่องนะครับ ต้องใช้ crome หรือ ff นะครับ

Date : 2011-12-14 16:49:09

By : Dragons_first

No. 6

Guest

ตอบความคิดเห็นที่ : 5 เขียนโดย : Dragons_first เมื่อวันที่ 2011-12-14 16:49:09

รายละเอียดของการตอบ ::

เอะ แต่ผมใช้ code ตัวนี้มันก็เป็นน่ะครับ

.wrap{
margin:0px auto;
position:relative;
margin-top:1px;
border: 0px solid #000;
text-align: center;
width: 980px;
height:1000px;
-webkit-border-radius: 3px;
-moz-border-radius: 8px;
border-radius: 0px;
-webkit-box-shadow: #fff 0px 2px 3px;
-moz-box-shadow: #fff 0px 2px 3px;
box-shadow:0 7px 10px #fff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#FFCC66));
-pie-background: linear-gradient(#FFF, #FFCC66);

behavior: url(PIE.htc);

}

แต่พอมาจะมาทำอีกตัว ไม่ขึ้นสีเลย

Date : 2011-12-14 17:09:08

By : auikung

No. 7

หมาของเซสชั่น

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

เอ๊ะแปลก ผมใช้ ie9 แสดงไม่ได้ซะด้วยสิ แต่เปิดจากโครม ได้แฮะ

Date : 2011-12-14 17:11:54

By : Dragons_first

No. 8

Guest

ตอบความคิดเห็นที่ : 7 เขียนโดย : Dragons_first เมื่อวันที่ 2011-12-14 17:11:54

รายละเอียดของการตอบ ::

ผมก็งงอยู่เหมือนกัน คริคริ แต่ยังไงก็ขอบคุณมาน่ะครับคุณ อ้นคุง ออแล้วถ้าจะทำให้ตัวหนังสืออยู่ระหว่างกลางแถบละครับทำไง

Date : 2011-12-14 17:22:20

By : auikung

No. 9

หมาของเซสชั่น

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

เขียน css คุมตัวหนังสือนั้นตะหากอีกทีครับ

Date : 2011-12-14 17:27:17

By : Dragons_first

No. 10

Guest

ตอบความคิดเห็นที่ : 9 เขียนโดย : Dragons_first เมื่อวันที่ 2011-12-14 17:27:17

รายละเอียดของการตอบ ::

ผมใช้แบบนี้ กรอบมันเลื่อนตามน่ะสิ

<div style="margin:5px; color:#000; font-size:14px; font-weight:bold;">Schoolforwebfanpage</div>

Date : 2011-12-14 17:41:52

By : auikung

ค้นหาข้อมูล

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

Re : กำหนดกรอบด้วย css อยากทราบวิธีการกำหนดขอบให้กรอบติดกัน

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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