<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<style type="text/css">
.TDlink {
}
.TDlink:link {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
color: #003366;
text-decoration: none;
background-color: #FFFFFF;
}
.TDlink:hover {
color: #FFFFFF;
text-decoration: underline;
background-color: #003366;
}
.button {
display: block;
width: 150px;
height: 30px;
border: solid 1px #036;
cursor: pointer;
text-align: center;
line-height: 26px;
}
.button:hover {
background: #036;
}
</style>
</head>
<body>
<span class="button">Codenet2</span>
</body>
</html>
IE neopoznajot klas v CSS
HTML fail
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="150" align="center" class="TDlink">Codenet</td>
<td width="150" align="center" class="TDlink">Codenet2</td>
</tr>
</table>
CSS fail
.TDlink {
}
.TDlink:link {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #003366;
text-decoration: none;
background-color: #FFFFFF;
}
.TDlink:hover {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
text-decoration: underline;
background-color: #003366;
}
IE neprenemajet klasi .TDlink:link i :hover no ponimajet ustanovlenij puth v oboih kolonah.
A Opera, Netscape i Firefox ponimajut klasi .TDlink:link i :hover i menjajutsa po nim, no neponimajut ustanovlenij puth v pervoi kolone(<a href..).
Vobshe kakta vozmozna zdelath shtobi teg <TD> rabotal kak link i menjalsa po navedeniju na njom kursora (kartinki ja nehochu ispolzovath, tak kak fail asp i spishi generirujutsa s DB)?
<table width="300" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="150" align="center" class="TDlink">Codenet</td>
<td width="150" align="center" class="TDlink">Codenet2</td>
</tr>
</table>
CSS fail
.TDlink {
}
.TDlink:link {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #003366;
text-decoration: none;
background-color: #FFFFFF;
}
.TDlink:hover {
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
color: #FFFFFF;
text-decoration: underline;
background-color: #003366;
}
IE neprenemajet klasi .TDlink:link i :hover no ponimajet ustanovlenij puth v oboih kolonah.
A Opera, Netscape i Firefox ponimajut klasi .TDlink:link i :hover i menjajutsa po nim, no neponimajut ustanovlenij puth v pervoi kolone(<a href..).
Vobshe kakta vozmozna zdelath shtobi teg <TD> rabotal kak link i menjalsa po navedeniju na njom kursora (kartinki ja nehochu ispolzovath, tak kak fail asp i spishi generirujutsa s DB)?
В IE псевдо-класс :hover определен только для ссылок <a>.
Добиться желаемого можно поместив текст ссылки в <span>:
В IE7 вроде бы будет поддержка :hover для всех элементов.
Добиться желаемого можно поместив текст ссылки в <span>:
Код:
В IE7 вроде бы будет поддержка :hover для всех элементов.
A mozna kaknibuth ustanavith neskolka stilei taga <a>?