Hover

kiarash.M · May 13, 2008

سلام

چرا کلاسی که hover میشه تو IE کار نمیکنه ..
اگه نخوام onmouseOver استفاده کنم چراه چیه ؟؟
مرسی.

peyman1987 · May 13, 2008

شما ميخواي براي چه تگي از hover استفاده کني؟
يه مقدار اطلاعات بيشتر بده و کدت رو هم بزار

kiarash.M · May 14, 2008

<td>

اين کلاس هاست که از فايل css خونده ميشه :

HTML:

.row1{background-color: #e4e4e4}
.row2{background-color: #C9C9C9}
.row2:hover{background-color: #e0c78f}
.row1:hover{background-color: #e0c78f}

اينم اون تيکه از کار

PHP:

echo "<tr align='center' class='row2'> <td > $row[2]</td> <td >$row[1] </td> <td width='200'>$date[0],$date[1],$date[2] </td> <br/> </tr>";

بسيار ممنون

shnoit · May 14, 2008

HTML:

.row2 a:hover {background-color: #e0c78f}
.row1 a:hover {background-color: #e0c78f}

kiarash.M · May 14, 2008

سپاس ولی
این برای تگ span
کار نکرد

shnoit · May 14, 2008

HTML:

.row2 a:hover {background-color: #e0c78f}
.row1 a:hover {background-color: #e0c78f}

اینارو هم بهش اضافه کن ببین عملی میشه:
a:link
a:visited

echessdesign · May 14, 2008

ارادتمندم کیارش جان
زمانی که شما یک لینک را داخل تگ Span قرار دهید، آن زمان می توانید بر روی hover ان نظارت کنید:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.echessdesign.com</title>
<style type="text/css">
a {
	color:green;
}
a:hover {
	color:fuchsia;
}

a span {
	color:red;
}
a:hover span {
	color:black;
}
</style>
</head>

<body>
<a href="www.echessdesign.com">www.<span>echessdesign</span>.com</a>
</body>

</html>

shnoit · May 14, 2008

echessdesign جان، آقا کیارش فکر کنم میخوان که background رو تغییر بدن.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.EchessDesign.com</title>
<style type="text/css">
.row1 a:link {background-color: #ff2200}
.row1 a:visited {background-color: #e0c78f}
.row1 a:hover {background-color: #e0c78f}
</style>
</head>

<body>
<span class="row1">
<a href="www.echessdesign.com">www.SchessDesign.com</a>
</span>
</body>

</html>

با این شیوه میتونین بر همه اجزا نظارت داشته باشین. هم فونت هم بک گراند.

amirabbas_p30magazine · May 15, 2008

hover در اینترنت اکسپلورر 6 فقط بر روی عناصر لینک عمل می کنه. شما hover رو به td دادی به همین خاطر روی IE6 کار نمی کنه. برای حل مشکل هم فقط میشه از جاوا اسکریپت استفاده کرد