تغییر رنگ ردیف های جدول [بایگانی]

omidparkour

دوشنبه 04 شهریور 1392, 21:10 عصر

سلام
من داخل سایتم قراره یک جدول قرار بدم و میخوام وقتی روی هر ردیف جدول ماوس رو بردم کلا اون ردبف رنگش عوض بشه و وقتی ماوس رو از روی اون ردیف کنار بردم دوباره به حالت اول برگرده مثل این سایت http://sabanet.ir/index.php/users/internet/adsl/service.display/2?view=service

برای این کار باید چی کنم؟؟
با CSS میشه؟؟
لطفا راهنمایی فرمایید

azamicu

سه شنبه 05 شهریور 1392, 00:04 صبح

سلام دوست عزیز
بله میشه اینم کدش

tr:hover td {
background: #303030;
color: #fff;

}

omidparkour

سه شنبه 05 شهریور 1392, 05:15 صبح

سلام
ممنون از راهنماییتون
اما یه مشکل
من تو صفحه ام یک جدول دارم که داخل اون جدول جداول دیگه هست که میخوام اون جداول رو وقتی ماوس رو بردم روش تغییر رنگ بده اما اون جدول کار رو خراب کرده و وقتی ماوس رو میبرم روی صفحه کل صفحه سیاه میشه اما وقتی اون جدول رو از کد حذف میکنم درست میشه
چی باید بکنم؟؟؟
راستی از <div> هم نمیخوام استفاده کنم
کــــــــــــــــــــمـــ ـــــــــــــــک لطفا

azamicu

سه شنبه 05 شهریور 1392, 17:39 عصر

سلام دوست عزیز
سمپل بزار تا بشه بیشتر کمکت کرد

omidparkour

سه شنبه 05 شهریور 1392, 18:01 عصر

سلام
الان باید وقتی روی ردیف های جدول وسطی ماوس رو بردیم رنگش عوض بشه اما...

http://uploadkon.ir/?file=Untitled-1_16.zip

کـــــــــــــــــمــــــ ـــــــک

webtracker

سه شنبه 05 شهریور 1392, 18:58 عصر

شاید این بتونه کمکتون کنه ولی این خیلی عمومی سعی کنید از id استفاده کنید

table table:hover {
background: #303030;
color: #fff;
}

mehbod.rayaneh

سه شنبه 05 شهریور 1392, 21:58 عصر

سلام
بهتره بهشون کلاس بدید و در css استیل دلخواه را اعمال کنید :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<style>
.mehbod1 tr:hover{
background: #303030;
color: #fff;
}
</style>
<body>
<table class="mehbod" width="581" height="494" border="1">
<tr>
<center>
<td>
<table class="mehbod1" width="200" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</td>
</center>
</tr>
</table>
</body>
</html>

موفق باشید