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

Registered : 108,485

HOME > ASP > ASP Forum > CSS เมนูที่ใช้แท็ก <ul><li> มีปัญหาตัวอักษรทับเมนูครับ



 

CSS เมนูที่ใช้แท็ก <ul><li> มีปัญหาตัวอักษรทับเมนูครับ

 



Topic : 082986



โพสกระทู้ ( 61 )
บทความ ( 0 )



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



ปัญหาคือ CSS เมนูที่ใช้แท็ก <ul><li> มีปัญหาตัวอักษรทับเมนูครับ อย่างในภาพ สามารถแก้ไขอย่างไรได้บ้างครับ

CSS ตัวอักษรทับเมนู

CSS
<style type="text/css">
<!--
ul.v_menu{ /* กำหนดขอบเขตของเมนู */
	list-style:none;
	margin:0px;
	padding:0px;
	font-family:tahoma, "Microsoft Sans Serif", Vanessa;
	font-size:14px;
	font-weight:bold;
	float:left;
}
ul.v_menu > li{ /* กำหนดรูปแบบให้กับเมนูหลัก */
	display:block;
	width:155px;
	height:25px;
	padding-top:3px;
	text-indent:5px;
	background:url(<%=url_part%>images/menu/menu1-1-NoOver.JPG);
	border:1px #006633 inset;
	float:left;
	text-align:center;
}
ul.v_menu > li:hover{ /* กำหนดรูปแบบให้กับเมนูเมื่อมีเมาส์อยู่เหนือ */
	display:block;
	width:155px;
	height:25px;
	padding-top:3px;
	text-indent:5px;
	background:url(<%=url_part%>images/menu/menu1-1-over.JPG);
	border:1px #006633 inset;
	float:left;
	text-align:center;	
}
ul.v_menu > li > a { /* กำหนดรูปแบบให้กับลิ้งค์หลัก */
	text-decoration:none;
	color:#FFFFFF;
	line-height:20px;
}
ul.v_menu > li > ul > li > a { /* กำหนดรูปแบบให้กับลิ้งค์ย่อย */
	text-decoration:none;
	color:#666666;
	line-height:20px;
}
ul.v_menu > li > ul{ 
	display:none;
	list-style:none;
	margin:6px 0px 0px 0px;
	padding:0px;
}
ul.v_menu > li:hover > ul { 
	display:block;
	width:155px;
}	
ul.v_menu > li > ul > li{ /* กำหนดรูปแบบให้กับเมนูย่อย */
	display:block;
	width:155px;
	height:25px;
	padding-top:3px;
	text-indent:5px;
	background-color:#ffb457;
	border:1px #F4F4F4 solid;
	float:left;
	text-align:left;
	font-size:12px;
}
ul.v_menu > li > ul > li:hover{ /* กำหนดรูปแบบให้กับเมนูย่อยเมื่อเมาส์อยู่เหนือ */
	display:block;
	width:155px;
	height:25px;
	padding-top:3px;
	text-indent:5px;
	background-color:#fdd1ae;
	border:1px #F4F4F4 solid;
	float:left;
	text-align:left;
}
-->
</style>[/code]

HTML
[asp]            <ul class="v_menu">
                <li><a href="<%=url_part%>" title="ประกันภัยรถยนต์">หน้าหลัก ANC</a></li>
                <li><a href="<%=url_part%>Webboard/" title="เว็บบอร์ด ANC" <%=no_follow%>>เว็บบอร์ด</a></li>
                <li><a href="<%=url_part%>Download" <%=no_follow%>>ดาวน์โหลด</a>
                    <ul>
                        <li><a href="<%=url_part%>Download/Default.asp#คู่มือ ANC" title="คู่มือ ANC" <%=no_follow%>>คู่มือ ANC</a></li>
                        <li><a href="<%=url_part%>Download/Default.asp#เบี้ยประกัน Motor" title="เบี้ยประกัน Motor" <%=no_follow%>>เบี้ยประกัน Motor</a></li>
                        <li><a href="<%=url_part%>Download/Default.asp#เบี้ยประกัน Non-Motor" title="เบี้ยประกัน Non-Motor" <%=no_follow%>>เบี้ยประกัน Non-Motor</a></li>
                        <li><a href="<%=url_part%>Download/Default.asp#ใบคำขอ" title="ใบคำขอ" <%=no_follow%>>ใบคำขอ</a></li>		
                        <li><a href="<%=url_part%>Download/Default.asp#เอกสารตัดบัตรเครดิต" title="เอกสารตัดบัตรเครดิต" <%=no_follow%>>เอกสารตัดบัตรเครดิต</a></li>
                        <li><a href="<%=url_part%>Download/Default.asp#เอกสารสำหรับตัวแทน" title="เอกสารสำหรับตัวแทน" <%=no_follow%>>เอกสารสำหรับตัวแทน</a></li>
                        <li><a href="<%=url_part%>how_to_payment.asp" title="วิธีชำระเงิน" <%=no_follow%>>วิธีชำระเงิน</a></li>
                    </ul>
                </li>
                <li><a href="<%=url_part%>Contact" title="ติดต่อ ANC" <%=no_follow%>>ติดต่อ ANC</a>
                    <ul>
                        <li><a href="<%=url_part%>AboutAnc.asp?page_Abount=1" title="เกี่ยวกับ ANC" <%=no_follow%>>เกี่ยวกับ ANC</a></li>
                        <li><a href="<%=url_part%>Contact/Default.asp#ติดต่อผู้บริหาร บริษัท เอ เอ็น ซี โบรกเกอร์เรจ จำกัด" title="ติดต่อผู้บริหาร ANC" <%=no_follow%>>ติดต่อผู้บริหาร ANC</a></li>
                        <li><a href="<%=url_part%>Contact/Default.asp#เบอร์ติดต่อพนักงาน บริษัท เอ เอ็น ซี โบรกเกอร์เรจ จำกัด" title="เบอร์ติดต่อพนักงาน ANC" <%=no_follow%>>เบอร์ติดต่อพนักงาน ANC</a></li>
                        <li><a href="<%=url_part%>Contact/Default.asp#ที่อยู่, แผนที่ ANC BROKERAGE" title="ที่อยู่ , แผนที่ ANC" <%=no_follow%>>ที่อยู่ , แผนที่ ANC</a></li>		
                        <li><a href="<%=url_part%>FAQ.asp" title="FAQ คำถามที่พบบ่อย" <%=no_follow%>>FAQ คำถามที่พบบ่อย</a></li>
                        <li><a href="<%=url_part%>Jobs_Opportunity.asp" title="สมัครงานกับ ANC" <%=no_follow%>>สมัครงานกับ ANC</a></li>
                    </ul>
                </li>
            </ul>




Tag : ASP, HTML/CSS









ประวัติการแก้ไข
2012-08-27 13:51:04
2012-08-27 13:52:07
2012-08-27 13:52:47
2012-08-27 14:33:04
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-08-27 13:48:45 By : karn4851 View : 2782 Reply : 3
 

 

No. 1



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

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

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

กระทู้นี้ครับ เห็นบอกว่าแก้ตรง z-index ครับ

ทำซัับเมนูบาร์ (Menu Bar) พาเวลาเมาส์แต่พอเวลาเลื่อนลงมามันโดนข้อความข้างล่างทับ (มีรูป)






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-27 20:25:16 By : mr.win
 


 

No. 2



โพสกระทู้ ( 61 )
บทความ ( 0 )



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

ได้แล้วครับ คือต้องกำหนด z-index ให้เป็น layer บนสุด (ตัวเลขเยอะอยู่บน) และต้องเอา Div ครอบ พร้อมกำหนด position:absolute ด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-28 15:13:44 By : karn4851
 

 

No. 3



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

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

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

เยี่ยมครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-08-28 20:43:48 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : CSS เมนูที่ใช้แท็ก <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 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: Voake, Comcube, รับทำเว็บไซต์ รับเขียนโปรแกรม , รับทำบัญชี , โรงงานผลิตครีม , สำนักงานบัญชี , รับจดทะเบียนบริษัท , Pangpond , รถมือสอง

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