Comments on: เรียนรู้การใช้ ul li step by step http://www.divland.com/blog/2007/04/23/ul-li-ol-li/ The miracle land of inspiration Tue, 07 Oct 2008 04:55:19 +0000 http://wordpress.org/?v=2.6 By: หัวสมองว่างสองซีก http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-583 หัวสมองว่างสองซีก Sun, 10 Aug 2008 08:49:37 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-583 :(( อ่านไปทำไปมันก็ไม่ได้เรื่องเลยทำไงดีผมโง่ใครใจดีแอดเมลมาทีค๊าฟฟฟฟฟ :(( :(( อ่านไปทำไปมันก็ไม่ได้เรื่องเลยทำไงดีผมโง่ใครใจดีแอดเมลมาทีค๊าฟฟฟฟฟ :((

]]> By: divland's people http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-499 divland's people Mon, 02 Jun 2008 03:51:29 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-499 ถูกต้องครับ ใส่ คลาสให้ ul พอจะสั่ง li ก็ใส่ .class li{} แบบนี้แทน ไม่ต้องใส่ คลาสที่ li ทั้งหมดครับ ถูกต้องครับ
ใส่ คลาสให้ ul พอจะสั่ง li
ก็ใส่ .class li{} แบบนี้แทน ไม่ต้องใส่ คลาสที่ li ทั้งหมดครับ

]]> By: pokultra http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-498 pokultra Wed, 28 May 2008 05:00:05 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-498 แล้วถ้าต้องการตั้งชื่อ คลาสหรือไอดี ของ ul ทำงัยครับยกตัวอย่างให้ดูหน่อย หากต้องการเลือก คลาสหรือไอดีของ ul ไปใช้แล้วให้มันครอบคุมทั้ง li ด้วยอ่ะครับ....หมายถึงอย่างนี้อ่ะครับ ul ตัวนี้ตั้งค่าเป็นคลาสหรือไอดีไหมครับ แล้วพอจะใช้ก็กำหนดเอาแต่เขียนเงื่อนไขให้คลุมทั้ง li ด้วยครับ แล้วถ้าต้องการตั้งชื่อ คลาสหรือไอดี ของ ul ทำงัยครับยกตัวอย่างให้ดูหน่อย หากต้องการเลือก คลาสหรือไอดีของ ul ไปใช้แล้วให้มันครอบคุมทั้ง li ด้วยอ่ะครับ….หมายถึงอย่างนี้อ่ะครับ
ul ตัวนี้ตั้งค่าเป็นคลาสหรือไอดีไหมครับ แล้วพอจะใช้ก็กำหนดเอาแต่เขียนเงื่อนไขให้คลุมทั้ง li ด้วยครับ

]]> By: pokultra http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-495 pokultra Tue, 27 May 2008 07:30:54 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-495 ขอบคุณครับ.... ^^ ผมลอง padding-top ดัน text ลงมาอ่ะครับพอได้อยู่เหมือนกันแต่ไม่รู้จะมีปัญหาในอนาคตหรือป่าวอ่ะครับ ขอบคุณครับ…. ^^
ผมลอง padding-top ดัน text ลงมาอ่ะครับพอได้อยู่เหมือนกันแต่ไม่รู้จะมีปัญหาในอนาคตหรือป่าวอ่ะครับ

]]> By: divland's people http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-493 divland's people Tue, 27 May 2008 03:52:42 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-493 ทำยากครับ ถ้าใช้ list-style-image ต้องตัดรูปเผื่อมาให้พอดี หรืออีกแบบนึงง่ายกว่า คือ เอารูปนั้นใส่ Bg ที่ li แทน แล้ว สั่งชิดซ้าย ใส่ padding-left ดัน text เข้ามาไม่ให้บัง Bg จะง่ายกว่าครับ ทำยากครับ ถ้าใช้ list-style-image ต้องตัดรูปเผื่อมาให้พอดี หรืออีกแบบนึงง่ายกว่า คือ เอารูปนั้นใส่ Bg ที่ li แทน แล้ว สั่งชิดซ้าย ใส่ padding-left ดัน text เข้ามาไม่ให้บัง Bg จะง่ายกว่าครับ

]]> By: pokultra http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-492 pokultra Tue, 27 May 2008 03:12:28 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-492 ul { background-image:url(image/15.jpg); margin:0; padding:0 10px 0 10px; list-style:none; width: auto;} li {border-bottom:2px #FFFFFF dotted; list-style-image:url(image/11.jpg); list-style-position:inside; height:23px; vertical-align:bottom} ต้องการให้ list-style-image อยู่ตรงกลางหัวข้อต้องทำงัยครับ ul {
background-image:url(image/15.jpg);
margin:0;
padding:0 10px 0 10px;
list-style:none;
width: auto;}

li {border-bottom:2px #FFFFFF dotted;
list-style-image:url(image/11.jpg);
list-style-position:inside;
height:23px;
vertical-align:bottom}

ต้องการให้ list-style-image อยู่ตรงกลางหัวข้อต้องทำงัยครับ

]]> By: utt http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-256 utt Thu, 06 Sep 2007 02:56:36 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-256 อ่า ดูแล้วก็ไม่มีไรผิดนะครับ ถ้าได้ผลอย่างที่ต้องการ ก็คงถูกมั้งครับ ต้องดู html ด้วยอะครับ ว่าเขียนยังงัย ลองเอาโค้ดมาโพสต์ถามที่ บอร์ด ก็ได้ครับ ตรงนี้มันอาจจะคับแคบไปหน่อย :) อ่า ดูแล้วก็ไม่มีไรผิดนะครับ ถ้าได้ผลอย่างที่ต้องการ ก็คงถูกมั้งครับ ต้องดู html ด้วยอะครับ ว่าเขียนยังงัย ลองเอาโค้ดมาโพสต์ถามที่ บอร์ด ก็ได้ครับ ตรงนี้มันอาจจะคับแคบไปหน่อย :)

]]> By: A http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-255 A Tue, 04 Sep 2007 11:57:47 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-255 อันนี้ ul คะ #left ul{ list-style-type: none; margin: 0; padding: 0; } ขอโทษค่ะ ที่รบกวนหลายๆที:( อันนี้ ul คะ
#left ul{
list-style-type: none;
margin: 0;
padding: 0;
}

ขอโทษค่ะ ที่รบกวนหลายๆที:(

]]> By: A http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-254 A Tue, 04 Sep 2007 07:59:07 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-254 ลองทำตามแล้วค่ะ แต่ไม่สำเร็จ เขียน li อย่างนี้ถูกมั้ยค่ะ #left li{ text-indent: 1em; } ขอบคุณมากค่ะ :) ลองทำตามแล้วค่ะ แต่ไม่สำเร็จ
เขียน li อย่างนี้ถูกมั้ยค่ะ

#left li{
text-indent: 1em;
}
ขอบคุณมากค่ะ :)

]]> By: utt http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-251 utt Mon, 03 Sep 2007 03:06:56 +0000 http://www.divland.com/blog/2007/04/23/ul-li-ol-li/#comment-251 <p><ul><br /> <li>home<br /> <ul></p> <p> <br /> <li> A</li></p> <p> <li> B</li></p> <p> </ul><br /> </p> <p></li><br /> <li>Product</li></p> <p> <li>About</li></p> <p> <li>Contact</li></p> <p></ul></p> ซ้อนข้างในแบบนี้ครับ <ul>
<li>home
<ul>

<li> A</li>

<li> B</li>

</ul>

</li>
<li>Product</li>

<li>About</li>

<li>Contact</li>

</ul>

ซ้อนข้างในแบบนี้ครับ

]]>