การแสดงผลแบบรายการ อยากทราบว่ามีคำสั่งที่ใช้สำหรับกำหนด font และขนาด ให้กับ <ul> และ <li> บ้างหรือเปล่าค่ะ
ลองใช้แล้วค่ะ แต่ตรงระดับ <ul> มันไม่ยอม font ตามที่เรากำหนดน่ะค่ะ
แต่ในระดับ <li> มันเปลี่ยนตามค่ะ ทำทำอย่างไงดีค่ะ
Date :
2009-10-28 13:03:22
By :
Fon
ขอดูโค้ด หน่อย ครับ
Date :
2009-10-28 13:20:58
By :
DownsTream
โค้ดตามด้านล่างค่ะ รบกวนหน่อยนะค่ะ
<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
Load balance : Server 01