Forgot Password ??

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

	Registered : 109,027

HOME > PHP > PHP Forum > อยากทราบวิธีกำหนด css โดยให้กรอบสองกรอบติดกันดังภาพตัวอย่าง

อยากทราบวิธีกำหนด css โดยให้กรอบสองกรอบติดกันดังภาพตัวอย่าง

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

Guest

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

Tag : PHP

Date : 2012-02-08 11:55:51

By : auikung

View : 2989

Reply : 7

No. 1

deawx

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

เอาโค้ด CSS มาดูครับผม

Date : 2012-02-08 11:59:34

By : deawx

No. 2

Guest

ตอบความคิดเห็นที่ : 1 เขียนโดย : deawx เมื่อวันที่ 2012-02-08 11:59:34

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

.box1{
background: #F4F4F4;
border: #CCC solid 1px;
background-repeat:repeat-x;
width:49%; height:70px;
border-radius:5px;
-moz-border-radius:0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-box-shadow: 1 0 15px #fff;
}
.box2{
display:block;
text-indent:5px;
float:left;
background: #F4F4F4;
border: #CCC solid 1px;
background-repeat:repeat-x;
width:49%; height:70px;
border-radius:5px;
-moz-border-radius:0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-box-shadow: 1 0 15px #fff;
}

Date : 2012-02-08 12:25:55

By : auikung

No. 3

Guest

ก็ใช้ class อันเดียวกันเลย ใส่ float:left ให้ ตาม box2

Code (PHP)

.box2{
display:block;
text-indent:5px;  /*ไม่น่าเอาอันนี้*/
float:left;
background: #F4F4F4;
border: #CCC solid 1px;
background-repeat:repeat-x;
width:49%; height:70px;
border-radius:5px;
-moz-border-radius:0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-box-shadow: 1 0 15px #fff;
margin-left:5px;
}

Date : 2012-02-08 12:34:33

By : ggggggg

No. 4

Guest

ตอบความคิดเห็นที่ : 3 เขียนโดย : ggggggg เมื่อวันที่ 2012-02-08 12:34:33

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

ไม่ได้ครับ

Date : 2012-02-08 12:52:13

By : auikung

No. 5

Guest

ตอบความคิดเห็นที่ : 3 เขียนโดย : ggggggg เมื่อวันที่ 2012-02-08 12:34:33

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

โทษทีครับได้แล้ว อิอิอิ ไม่ได้มอง ขอบคุณครับผม

Date : 2012-02-08 12:53:23

By : auikung

No. 6

Guest

มันมี div หรือ table ครอบอยู่หรือป่าว ถ้ามีให้เพิ่มขนาด div ที่ครอบอยู่

ลดความกว้างของ .box2 ให้เหลือ 48% (เผื่อให้ margin-left 5px);

หรือ เอาโค๊ด html มาวางให้ดูก็จะเข้าใจมากขึ้น และให้คำตอบได้ตรงจุดดีขึ้น

Date : 2012-02-08 12:57:00

By : ggggggg

No. 7

Genesis™

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

ลองใช้คำสั่งนี้ครับ

position: absolute;

เลื่อนได้ตามต้องการ

Date : 2012-02-08 13:04:50

By : Ex-[S]i[L]e[N]t

ค้นหาข้อมูล

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

Re : อยากทราบวิธีกำหนด css โดยให้กรอบสองกรอบติดกันดังภาพตัวอย่าง

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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