Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > Community Zone > Forum > CSS มีปัญหาmouse hover เอาเม้าไปชี้แล้วรูปbgขึ้นไม่เต็ม

CSS มีปัญหาmouse hover เอาเม้าไปชี้แล้วรูปbgขึ้นไม่เต็ม

เริ่มหัวข้อใหม่

fighto

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

ตรง hover เวลาเอาเม้าไปชี้แล้วมันไม่ยอมขึ้นรูป background เต็มๆอ่ะค่ะ มันมาเป็นแบบนี้แทน

hover

ต้องแก้ตรงไหนค่ะ หรือต้องกำหนดความยาว,กว้างตรงไหนเพิ่ม

Code

#pillmenu {

margin:0 auto ;
height:32px;
overflow:hidden;
background:transparent url(../images/menu_bg.jpg) repeat-x top center;
width:1024px;
text-align: center;

}

#pillmenu ul {
padding:0 px;
margin:0;
list-style: none;
padding-left: 13px;
text-align: center;

}

#pillmenu li {

background: transparent url(../images/menu_D.jpg) no-repeat right center;
width:99px;
height:30px;
display:inline-block;
letter-spacing: 3px;
text-align: center;
padding-right: 8px;
padding-left: 15px;

}

#pillmenu li a {

cursor:pointer;
color: #fff;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height:32px;
width: 1024px;
line-height:23px;
padding: 0 auto;

}

#pillmenu li a:hover,#pillmenu li a.active_menu-nav{

padding:0 14px;
background: transparent url(../images/menu_hover.jpg) ;
text-decoration: none;
width:99px;
height:30px;

}

Tag : HTML/CSS

Date : 2011-06-08 11:20:59

By : newbry

View : 1708

Reply : 3

No. 1

TC Admin

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

Quote:
background: transparent url(../images/menu_hover.jpg) ;

ตัวนี้ path ถูกต้องหรือเปล่าครับ

Date : 2011-06-08 13:27:29

By : webmaster

No. 2

fighto

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

ถูกต้องไม่มีผิดเพี้ยนเลยค่ะ

ต้องแก้ตรงไหนค่ะ เริ่มท้อ

Date : 2011-06-08 14:58:10

By : newbry

No. 3

TC Admin

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

อ๋อ ถ้าไม่เต็มคงจะต้องดูตำแหน่งและขนาดของ pixel ที่แสดงด้วยครับ ลองเปลี่ยนค่าตัวเลขดูครับ

Date : 2011-06-08 15:02:22

By : webmaster

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : CSS มีปัญหาmouse hover เอาเม้าไปชี้แล้วรูปbgขึ้นไม่เต็ม

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก