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

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
« หน้าที่แล้ว ต่อไป »
หน้า: [1] 2   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ปิดกระทู้แล้วนะ  (อ่าน 3610 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« เมื่อ: 28 มกราคม 2013, 20:12:54 »
ปิดกระทู้แล้วนะ
« แก้ไขครั้งสุดท้าย: 02 กุมภาพันธ์ 2013, 02:13:41 โดย x1991z » บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #1 เมื่อ: 29 มกราคม 2013, 10:14:45 »
มาแล้ว
บันทึกการเข้า
dekmv
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 29 มกราคม 2013, 10:33:04 »
ทำไมไม่ลอง HTML5 เลยล่ะครับ ... เหมือน DIV แหละครับ
บันทึกการเข้า
dekmv
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 29 มกราคม 2013, 10:35:51 »
เว็บสวยแล้วครับ ... ใส่ CSS อีกหน่อยครับ


-----------------------------------------------------------------------------------
<!DOCTYPE HTML>

<html>

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Your Website</title>
</head>

<body>

   <header>
      <nav>
         <ul>
            <li>Your menu</li>
         </ul>
      </nav>
   </header>
   
   <section>
   
      <article>
         <header>
            <h2>Article title</h2>
            <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
         </header>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </article>
      
      <article>
         <header>
            <h2>Article title</h2>
            <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
         </header>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </article>
      
   </section>

   <aside>
      <h2>About section</h2>
      <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
   </aside>

   <footer>
      <p>Copyright 2009 Your name</p>
   </footer>

</body>

</html>


คล้าย DIV ครับ ลองดูครับ

http://css-tricks.com/snippets/html/html5-page-structure/
http://architects.dzone.com/ar...cles/best-html5-page-structure
http://html5tutorial.net/general/html-structure.html
http://oli.jp/2009/html5-structure1/

4 ลิ้งนี้ พอเลยครับ !!!
บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #4 เมื่อ: 29 มกราคม 2013, 10:40:09 »
อ้างจาก: dekmv ที่ 29 มกราคม 2013, 10:35:51
เว็บสวยแล้วครับ ... ใส่ CSS อีกหน่อยครับ


-----------------------------------------------------------------------------------
<!DOCTYPE HTML>

<html>

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Your Website</title>
</head>

<body>

   <header>
      <nav>
         <ul>
            <li>Your menu</li>
         </ul>
      </nav>
   </header>
   
   <section>
   
      <article>
         <header>
            <h2>Article title</h2>
            <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
         </header>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </article>
      
      <article>
         <header>
            <h2>Article title</h2>
            <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
         </header>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </article>
      
   </section>

   <aside>
      <h2>About section</h2>
      <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
   </aside>

   <footer>
      <p>Copyright 2009 Your name</p>
   </footer>

</body>

</html>


คล้าย DIV ครับ ลองดูครับ

http://css-tricks.com/snippets/html/html5-page-structure/
http://architects.dzone.com/ar...cles/best-html5-page-structure
http://html5tutorial.net/general/html-structure.html
http://oli.jp/2009/html5-structure1/

4 ลิ้งนี้ พอเลยครับ !!!

ขอบคุณน๊า เดียวจะลองศึกษาดูนะ
บันทึกการเข้า
pinsale
สมุนแก๊งเสียว
*

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

กระทู้: 743



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 29 มกราคม 2013, 11:00:40 »
CSS ถ้ามีความเข้าใจแล้ว ตกแต่งดัดแปลงได้มากมายเลยค่ะ

 wanwan017
บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #6 เมื่อ: 29 มกราคม 2013, 11:02:45 »
อ้างจาก: dekmv ที่ 29 มกราคม 2013, 10:33:04
ทำไมไม่ลอง HTML5 เลยล่ะครับ ... เหมือน DIV แหละครับ

88 > 89
บันทึกการเข้า
dekmv
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 3,264



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 29 มกราคม 2013, 11:03:05 »
ขอบคุณครับผม  wanwan017
บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #8 เมื่อ: 29 มกราคม 2013, 11:03:37 »
อ้างจาก: pinsale ที่ 29 มกราคม 2013, 11:00:40
CSS ถ้ามีความเข้าใจแล้ว ตกแต่งดัดแปลงได้มากมายเลยค่ะ

 wanwan017

43 > 44
บันทึกการเข้า
chimichimi
ก๊วนเสียว
*

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

กระทู้: 270



ดูรายละเอียด
« ตอบ #9 เมื่อ: 29 มกราคม 2013, 14:42:46 »
div ได้สวยมากครับ หัดลองเล่น css เพิ่มลูกเล่นให้กับ ภาพ ตัวหนังสือ ก็จะทำให้เว็บนั้นน่าสนใจยิ่งขึ้นครับ......
บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #10 เมื่อ: 29 มกราคม 2013, 15:11:57 »
อ้างจาก: chimichimi ที่ 29 มกราคม 2013, 14:42:46
div ได้สวยมากครับ หัดลองเล่น css เพิ่มลูกเล่นให้กับ ภาพ ตัวหนังสือ ก็จะทำให้เว็บนั้นน่าสนใจยิ่งขึ้นครับ......

ขอบคุณครับ 13 > 14 นะครับ
บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #11 เมื่อ: 30 มกราคม 2013, 10:32:37 »
ไม่มีใครเจอบัคเลยหรอเนี้ย
บันทึกการเข้า
sinthai
ก๊วนเสียว
*

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

กระทู้: 417



ดูรายละเอียด
« ตอบ #12 เมื่อ: 30 มกราคม 2013, 11:37:37 »
HTML 5 กำลังศึกษาอยู่เหมือนกัน
บันทึกการเข้า
Railway
สมุนแก๊งเสียว
*

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

กระทู้: 605



ดูรายละเอียด
« ตอบ #13 เมื่อ: 30 มกราคม 2013, 11:40:02 »
http://validator.w3.org/check?...amp;doctype=Inline&group=0

35 Errors In Doctype:    XHTML 1.0 Transitional
บันทึกการเข้า
NemoStar
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,136



ดูรายละเอียด
« ตอบ #14 เมื่อ: 30 มกราคม 2013, 11:44:54 »
ผมยังไม่เจอบัคนะครับ
แต่ผมมองไม่ค่อยเห็นเลย ตัวเลขต้อง Pages Navi มันสีกลมกลืนเกินไปครับ ถ้าไม่สังเกตดีๆจะไม่รู้เลยว่า มี Pages Navi อยู่
ใส่ Css แบบที่เทพๆบอกอีกหน่อยก็แจ่มแล้วละครับ  wanwan003
บันทึกการเข้า
Sandal Platform Shoes Womans Women's Pumps by Style Top-Handle Bags Watchs & WristWatch Dress Watch Woman
mosmf
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,610



ดูรายละเอียด เว็บไซต์
« ตอบ #15 เมื่อ: 30 มกราคม 2013, 12:14:40 »
อ้างจาก: dekmv ที่ 29 มกราคม 2013, 10:35:51
เว็บสวยแล้วครับ ... ใส่ CSS อีกหน่อยครับ


-----------------------------------------------------------------------------------
<!DOCTYPE HTML>

<html>

<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>Your Website</title>
</head>

<body>

   <header>
      <nav>
         <ul>
            <li>Your menu</li>
         </ul>
      </nav>
   </header>
   
   <section>
   
      <article>
         <header>
            <h2>Article title</h2>
            <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
         </header>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </article>
      
      <article>
         <header>
            <h2>Article title</h2>
            <p>Posted on <time datetime="2009-09-04T16:31:24+02:00">September 4th 2009</time> by <a href="#">Writer</a> - <a href="#comments">6 comments</a></p>
         </header>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
      </article>
      
   </section>

   <aside>
      <h2>About section</h2>
      <p>Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
   </aside>

   <footer>
      <p>Copyright 2009 Your name</p>
   </footer>

</body>

</html>


คล้าย DIV ครับ ลองดูครับ

http://css-tricks.com/snippets/html/html5-page-structure/
http://architects.dzone.com/ar...cles/best-html5-page-structure
http://html5tutorial.net/general/html-structure.html
http://oli.jp/2009/html5-structure1/

4 ลิ้งนี้ พอเลยครับ !!!

ขอบคุณครับ  wanwan017
บันทึกการเข้า
l3adtzl3oy
คนรักเสียว
*

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

กระทู้: 162



ดูรายละเอียด
« ตอบ #16 เมื่อ: 30 มกราคม 2013, 13:09:20 »
อ้างจาก: Railway ที่ 30 มกราคม 2013, 11:40:02
http://validator.w3.org/check?...amp;doctype=Inline&group=0

35 Errors In Doctype:    XHTML 1.0 Transitional

ตามนั้นครับ

เพิ่มเติม
การใช้ id ต้อง unique เท่านั้นครับ ถ้าต้องเรียกใช้ attribute นั้นๆ มากกว่า 1 ให้กำหนดเป็น class ครับ
ตย right_title ควรกำหนดเป็น class แทน id

เดิมๆ
<div id="right_title">หมวดหมู่หนัง</div>
<div id="right_title">เข้าชมล่าสุด</div>
<div id="right_title">ไลค์แฟนเพจ</div>

เปลึ่ยนเป็น
<div class="right_title">หมวดหมู่หนัง</div>
<div class="right_title">เข้าชมล่าสุด</div>
<div class="right_title">ไลค์แฟนเพจ</div>

อื่นๆ
tag พวกนี้ต้องปิดท้าย tag ด้วย /
<br> --> <br />
<meta ................>  --> <meta />
<image ..............> --> <image />

ลองไล่แก้ดูครับ
บันทึกการเข้า
x1991z
คนรักเสียว
*

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

กระทู้: 183



ดูรายละเอียด
« ตอบ #17 เมื่อ: 30 มกราคม 2013, 13:31:54 »
อ้างจาก: l3adtzl3oy ที่ 30 มกราคม 2013, 13:09:20
อ้างจาก: Railway ที่ 30 มกราคม 2013, 11:40:02
http://validator.w3.org/check?...amp;doctype=Inline&group=0

35 Errors In Doctype:    XHTML 1.0 Transitional

ตามนั้นครับ

เพิ่มเติม
การใช้ id ต้อง unique เท่านั้นครับ ถ้าต้องเรียกใช้ attribute นั้นๆ มากกว่า 1 ให้กำหนดเป็น class ครับ
ตย right_title ควรกำหนดเป็น class แทน id

เดิมๆ
<div id="right_title">หมวดหมู่หนัง</div>
<div id="right_title">เข้าชมล่าสุด</div>
<div id="right_title">ไลค์แฟนเพจ</div>

เปลึ่ยนเป็น
<div class="right_title">หมวดหมู่หนัง</div>
<div class="right_title">เข้าชมล่าสุด</div>
<div class="right_title">ไลค์แฟนเพจ</div>

อื่นๆ
tag พวกนี้ต้องปิดท้าย tag ด้วย /
<br> --> <br />
<meta ................>  --> <meta />
<image ..............> --> <image />

ลองไล่แก้ดูครับ


ใกล้แล้วๆ เหลิออีก 8 Errors, 3 warning(s) เองจ้า ใครก็ได้ช่วยที ที่เหลือยังไม่ค่อยเข้าใจอ่า  +1 ทุกคนแล้วนะจ๊ะ
« แก้ไขครั้งสุดท้าย: 30 มกราคม 2013, 13:32:20 โดย x1991z » บันทึกการเข้า
Railway
สมุนแก๊งเสียว
*

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

กระทู้: 605



ดูรายละเอียด
« ตอบ #18 เมื่อ: 30 มกราคม 2013, 13:37:57 »
อ้างจาก: x1991z ที่ 30 มกราคม 2013, 13:31:54

ใกล้แล้วๆ เหลิออีก 8 Errors, 3 warning(s) เองจ้า ใครก็ได้ช่วยที ที่เหลือยังไม่ค่อยเข้าใจอ่า  +1 ทุกคนแล้วนะจ๊ะ

อ้างถึง
Line 1, Column 2529: ID "right_title" already defined

…้นหาหนัง</span></a></li></ul><div id="right_title">เข้าชมล่าสุด</div><ul  clas…

✉

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

id ชื่อห้ามซ้ำกันนะครับ ถ้าชื่อซ้ำให้ใช้ class แทนครับ
บันทึกการเข้า
Railway
สมุนแก๊งเสียว
*

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

กระทู้: 605



ดูรายละเอียด
« ตอบ #19 เมื่อ: 30 มกราคม 2013, 13:39:21 »
พอแก้เสร็จแล้วลองเลือก Doctype เป็นอย่างอื่นดูนะครับ อาจจะ HTML5 ไปเลย จะเจอเออเร่ออีกเพียบ ฮ่าๆๆๆ แก้ให้หมด จะได้ดีต่อ seo ด้วยครับ
บันทึกการเข้า
หน้า: [1] 2   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: