ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์Programming[html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: [html] จะให้แบ๊กกราว กว้างเท่าบราวเซอร์และอยู่ข้างล่าง อย่างไรครับ ?  (อ่าน 872 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
xmen256k
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 98
ออฟไลน์ ออฟไลน์

กระทู้: 1,999



ดูรายละเอียด
« เมื่อ: 02 สิงหาคม 2013, 20:11:55 »



ตามรูปเลยครับ

อยากให้ขนาดของ background มีความกว้างเท่ากับขนาดของบราวเซอร์

และอยู่ด้านล่างด้วย

ไม่ทราบว่า ทำยังไงได้บ้างครับ

ขอบคุณครับ
« แก้ไขครั้งสุดท้าย: 02 สิงหาคม 2013, 20:13:17 โดย xmen256k » บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #1 เมื่อ: 02 สิงหาคม 2013, 20:16:09 »

โค๊ด:
background-size:cover;
หรือ
โค๊ด:
background-size:100%;
ลองดู 2 อย่างนี้ครับ

แล้วก็
โค๊ด:
background:url(ลิ้งรูป) bottom no-repeat;
« แก้ไขครั้งสุดท้าย: 02 สิงหาคม 2013, 20:18:30 โดย max30012540 » บันทึกการเข้า
xmen256k
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 98
ออฟไลน์ ออฟไลน์

กระทู้: 1,999



ดูรายละเอียด
« ตอบ #2 เมื่อ: 02 สิงหาคม 2013, 20:27:54 »

โค๊ด:
background-size:cover;
หรือ
โค๊ด:
background-size:100%;
ลองดู 2 อย่างนี้ครับ

แล้วก็
โค๊ด:
background:url(ลิ้งรูป) bottom no-repeat;

ยังไม่ได้อ่าครับ ไม่ขึ้นอะไรเลย

แต่ถ้าเปลี่ยนจาก bottom เป็น top มันก็จะโผล่ขึ้นมาแทน -*-
บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #3 เมื่อ: 02 สิงหาคม 2013, 20:43:12 »

ได้ครับ
โค๊ด:
<!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>
*{
background:url(http://a.lnwpic.com/_files/09/4c/sz.png) bottom no-repeat;
/*background-size:cover;*/
background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>

บันทึกการเข้า
xmen256k
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 98
ออฟไลน์ ออฟไลน์

กระทู้: 1,999



ดูรายละเอียด
« ตอบ #4 เมื่อ: 02 สิงหาคม 2013, 20:46:17 »

ได้ครับ
โค๊ด:
<!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>
*{
background:url(http://a.lnwpic.com/_files/09/4c/sz.png) bottom no-repeat;
/*background-size:cover;*/
background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>



สอบถามหน่อยครับ ทำไมมันถึงโชว์ในลักษณะแบบนี้อ่าครับ

ถ้าไม่ใช่ br มันไม่โชว์ เพราะอะไรเหรอครับ

ขอบคุณครับ
บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #5 เมื่อ: 02 สิงหาคม 2013, 20:49:24 »

ได้ครับ
โค๊ด:
<!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>
*{
background:url(http://a.lnwpic.com/_files/09/4c/sz.png) bottom no-repeat;
/*background-size:cover;*/
background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>



สอบถามหน่อยครับ ทำไมมันถึงโชว์ในลักษณะแบบนี้อ่าครับ

ถ้าไม่ใช่ br มันไม่โชว์ เพราะอะไรเหรอครับ

ขอบคุณครับ

body จะเหมือนกับ Div ละครับ ความยาวจะขึ้นยู่กับเนื้อหา
การใช้ br เยอะๆ ทำให้เหมือนเป็นการสร้างเนื้อหาเว้นบรรทัดเยอะๆครับ จะทำให้รูปภาพขยับลงมาเรื่อยๆ
หากเนื้อหาไม่มี ก็จะไม่แสดง หรือมีน้อย ก็จะแสดงไม่เต็มครับ

ลองค่อยๆลบ br ออกครับ จะทำให้เข้าใจยิ่งขึ้น
บันทึกการเข้า
xmen256k
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 98
ออฟไลน์ ออฟไลน์

กระทู้: 1,999



ดูรายละเอียด
« ตอบ #6 เมื่อ: 02 สิงหาคม 2013, 20:55:25 »

ได้ครับ
โค๊ด:
<!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>
*{
background:url(http://a.lnwpic.com/_files/09/4c/sz.png) bottom no-repeat;
/*background-size:cover;*/
background-size:100%;
}
</style>
</head>

<body>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
</body>
</html>



สอบถามหน่อยครับ ทำไมมันถึงโชว์ในลักษณะแบบนี้อ่าครับ

ถ้าไม่ใช่ br มันไม่โชว์ เพราะอะไรเหรอครับ

ขอบคุณครับ

body จะเหมือนกับ Div ละครับ ความยาวจะขึ้นยู่กับเนื้อหา
การใช้ br เยอะๆ ทำให้เหมือนเป็นการสร้างเนื้อหาเว้นบรรทัดเยอะๆครับ จะทำให้รูปภาพขยับลงมาเรื่อยๆ
หากเนื้อหาไม่มี ก็จะไม่แสดง หรือมีน้อย ก็จะแสดงไม่เต็มครับ

ลองค่อยๆลบ br ออกครับ จะทำให้เข้าใจยิ่งขึ้น


แต่ว่าตอนใส่ bg ทั่วไปอ่าครับ
มันก็เห็นได้อ่าครับ โดยที่ไม่ต้องใส่ br
แต่ทำไมพอกำหนดให้มันอยู่ด้านล่าง ถึงต้องใส่อ่าครับ

มันเป้น บัค รึป่าวครับ ?
บันทึกการเข้า
gp72343
Newbie
*

พลังน้ำใจ: 15
ออฟไลน์ ออฟไลน์

กระทู้: 94



ดูรายละเอียด
« ตอบ #7 เมื่อ: 02 สิงหาคม 2013, 21:08:32 »

ไม่ต้องใส่ <br> ก็ได้นะฮะ แบบนี้
โค๊ด:
body,html{height:100%; padding: 0px; margin: 0px;}
Kiss

แก้แล้วครับ wanwan017
« แก้ไขครั้งสุดท้าย: 03 สิงหาคม 2013, 00:04:17 โดย gp72343 » บันทึกการเข้า
max30012540
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 196
ออฟไลน์ ออฟไลน์

กระทู้: 1,307



ดูรายละเอียด
« ตอบ #8 เมื่อ: 02 สิงหาคม 2013, 22:49:41 »

ไม่ต้องใส่ <br> ก็ได้นะฮะ แบบนี้
โค๊ด:
body,html{height:100%; padding: 0px; margin: 0px;}
Kiss

พวก body, div ฯลฯ ค่าเริ่มต้นมักจะเป็น 0 นะ เท่าที่ลองสังเกตุดู
ตามนี้ครับ กำหนดขนาดให้มัน

# ค่าเริ่มต้นคือ auto ครับ ไม่ใช่ 0
บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์