Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,038

HOME > PHP > PHP Forum > การแสดงผลแบบรายการ อยากทราบว่ามีคำสั่งที่ใช้สำหรับกำหนด font และขนาด ให้กับ <ul> และ <li> บ้างหรือเปล่าค่ะ


การแสดงผลแบบรายการ อยากทราบว่ามีคำสั่งที่ใช้สำหรับกำหนด font และขนาด ให้กับ <ul> และ <li> บ้างหรือเปล่าค่ะ

 
Topic : 033586

Guest



อยากทราบว่ามีคำสั่งที่ใช้สำหรับกำหนด font และขนาด ให้กับ <ul> และ <li> บ้างหรือเปล่าค่ะ



Tag : - - - -
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2009-10-28 11:46:26 By : Fon View : 958 Reply : 4
 

 

No. 1



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

css ครับ

เช่น
<style type="text/css">
ul { font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
</style>
Date : 2009-10-28 11:52:53 By : DownsTream
 

 

No. 2

Guest


ลองใช้แล้วค่ะ แต่ตรงระดับ <ul> มันไม่ยอม font ตามที่เรากำหนดน่ะค่ะ
แต่ในระดับ <li> มันเปลี่ยนตามค่ะ ทำทำอย่างไงดีค่ะ
Date : 2009-10-28 13:03:22 By : Fon
 

 

No. 3



โพสกระทู้ ( 1,242 )
บทความ ( 13 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook

ขอดูโค้ด หน่อย ครับ
Date : 2009-10-28 13:20:58 By : DownsTream
 

 

No. 4

Guest


โค้ดตามด้านล่างค่ะ รบกวนหน่อยนะค่ะ

<HTML>
<HEAD>
<TITLE>New Document</TITLE>
<style type="text/css">
ul li { font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
</style>
</HEAD>
<BODY>

<script type="text/javascript" language="JavaScript">
<!-- Hide script from old browsers.
function bid_togglelist(img) {
var ulReturn=img.parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName("ul");

if (ulReturn[0].style.display == "none") {
img.src="blocks/open.gif";
ulReturn[0].style.display= "block";
} else {
img.src="blocks/closed.gif";
ulReturn[0].style.display= "none";
}
}
// End -->
</script>
</span>

<ul class="style3" style="margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside;">
<li class="style1"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top"><img alt="" style="border: 0pt none ; margin: 2px 3px 0pt 0pt; width: 9px; height: 9px;" onclick="bid_togglelist(this)" src="blocks/closed.gif"/></td><td><b>Test</a></b></td></tr></tbody></table>
<ul class="bid_foldinglist" style="margin: 3px 0pt 1px 8px; padding: 0pt; display: none; list-style-type: none; list-style-image: none; list-style-position: outside;">
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/info.php" target="p">A</a></li>
<ul>
<li>A</li>
<ul>
<li>aa</li>
</ul>
<li>B</li>
</ul>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/info1.php" target="p">B</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/info2.php" target="p">C</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/objective.php" target="p">D</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/structure.php" target='_blank'>E </a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/admin_inter.php" target="p">V</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/project.php" target="p">G</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/admin_inter.php" target="p">H</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="info_center/.admin_inter.php" target="p">U</a></li>
</ul>
</li>

<ul class="style3"style="margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside;">
<li class="style2"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="top" class="style1"><img alt="" style="border: 0pt none ; margin: 2px 3px 0pt 0pt; width: 9px; height: 9px;" onclick="
bid_togglelist(this)" src="blocks/closed.gif"/></td><td class="style1"><b>Test..1</a></b></td></tr></tbody></table>
<ul class="bid_foldinglist style3" style="margin: 3px 0pt 1px 8px; padding: 0pt; display: none; list-style-type: none; list-style-image: none; list-style-position: outside;">
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="course/MSAM.php" target="_blank">11</a></li>
<li><img width="9" height="9" border="0" alt="" src="blocks/arrow.gif"/> <a href="course/public_1.php" target="_blank">22</a></li>
</ul>
</li>


<span class="style2">
<div align="left"><span class="style3"><br/>
<SCRIPT LANGUAGE="JavaScript">



</BODY>
</HTML>
Date : 2009-10-28 13:27:56 By : Fon
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : การแสดงผลแบบรายการ อยากทราบว่ามีคำสั่งที่ใช้สำหรับกำหนด font และขนาด ให้กับ <ul> และ <li> บ้างหรือเปล่าค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
 Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)





ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2025 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่