Forgot Password ??

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

	Registered : 109,037

HOME > PHP > PHP Forum > ถามปัญหาเรื่อง CSS เปลี่ยนสีตัวหนังสือและลิงค์ทั้งแถว ใน table เมื่อเอาเมาส์ไปวางบน tr ครับ

ถามปัญหาเรื่อง CSS เปลี่ยนสีตัวหนังสือและลิงค์ทั้งแถว ใน table เมื่อเอาเมาส์ไปวางบน tr ครับ

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

Likito

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

ตัวอย่างโค้ดครับ
<table id="table">
<tr>
<td><a href=''>ลิงค์เว็บไซต์</a></td>
<td>ตัวหนังสือปกติ</td>
<td>ตัวหนังสือปกติ 2</td>
</td>
</table>

CSS

#table tr:hover{
color:Red;
}

เมื่อ
นำเมาท์ไปวางบนพื้นที่ในแถวเดียวกันนั้น
ตัวหนังสือทั้งแถว จะเปลี่ยน เป็นสีแดง
ปัญหาคือ ลิงค์ มันไม่ยอมเปลี่ยนสี ด้วยอะครับ
ผมเลยเพิ่ม

#table tr a:hover{
color:Red;
}
พอเพิ่ม css แบบนี้ไปแล้ว เมื่อเอาเมาท์ไปชี้บน link จะทำให้ สี ลิงค์เปลี่ยน และตัวหนังสือใน column อื่น ในแถวเดียวกันนั้นเปลี่ยนสีด้วย
แต่ ถ้าหาก นำเมาท์ ไปชี้บน column อื่น ที่ไม่ใช่ column ที่เป็น link
link มันจะไม่ยอมเปลี่ยนสี

จะแก้ไขได้อย่างไรครับให้
เวลาเอาเมาท์ไปวางบน tr จะทำให้ ตัวหนังสือ เปลี่ยนสี ทั้งหมด รวมถึง ลิงค์ ด้วย

Tag : PHP, HTML/CSS

Date : 2011-07-21 20:51:30

By : Likito

View : 5473

Reply : 3

No. 1

grandraft

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

แบบนี้เหรอครับ เดาๆเอานะครับ

#table tr:hover{
color:Red;
}

#table a:hover{
color:Red;
}

Date : 2011-07-22 08:34:37

By : grandraftz

No. 2

Likito

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

ตอบความคิดเห็นที่ : 1 เขียนโดย : grandraftz เมื่อวันที่ 2011-07-22 08:34:37

รายละเอียดของการตอบ ::

ใช้แบบนี้แล้ว เมื่อเอาเมาท์ไปชี้ ตรงข้อความปกติ ที่ไม่ใช่ ลิงค์ ลิงค์จะไม่เปลี่ยนสีครับ
แต่ถ้า เอาเมาท์ชี้ที่ลิงค์ ลิงค์ และ ข้อความปกติจะเปลี่ยนสี

Date : 2011-07-22 08:39:41

By : Likito

No. 3

TC Admin

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

อีกตัวอย่างครับ

Go to : Javascript Table Cell Highlight Background Colors Change on Mouseover

Date : 2011-08-21 19:45:56

By : webmaster

ค้นหาข้อมูล

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

Re : ถามปัญหาเรื่อง CSS เปลี่ยนสีตัวหนังสือและลิงค์ทั้งแถว ใน table เมื่อเอาเมาส์ไปวางบน tr ครับ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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