mam dva divy, s rovnakym class (texty), zmeny farby divu mi zobrazuje spravne iba v tom lavom, v pravom nie. Konkretne ide o to, ze ak dam kurzor z textu prec, nacita sa druhy class (texty1), kdezto v tom lavom sa nacita druhy class az ked odidem s kurzorom z riadku, nie z textu. pripajam cely kod, si to pozrite v prehliadaci...
funguje to v Mozille, no v IE6 nie. Preco?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<style type="text/css">
.texty {
background-color: ActiveBorder;
color: Blue;
cursor: pointer;
}
.texty1 {
background-color: White;
color: Green;
cursor: pointer;
}
td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-stretch: normal;
}
body {
background-color: #CACACA;
}
div {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-stretch: normal;
}
</style>
<meta http-equiv="Content-Type" content="text/html" charset="windows-1250">
<title>none</title>
</head>
<body><div align="center" class="kapitola"></div>
<br>
<table width="790" border="0" cellspacing="0" cellpadding="5" align="center">
<tr>
<td width="200" valign="top">
<div class="texty" onClick="window.open('?kap=jedna','_self')"
onmouseover="this.className='texty1'" onMouseOut="this.className='texty'">jedna</div>
</td>
<td width="390">
<table cellspacing="0" cellpadding="5" border="0" width="390">
<tr>
<td width="200" height="90" bgcolor="#FFFFFF" align="center">
<img src="images/.png">
</td>
<td width="390" align="left" valign="top">
<strong></strong> <br><br>neuvedený <br> <a href="http://"></a> <br>
</td>
</tr>
<tr>
<td colspan="2" width="390" align="left" valign="top">
</td>
</tr>
<tr>
<td colspan="2" width="390" align="left" valign="top">
</td>
</tr>
</table></td>
<td width="200" valign="top">
<div class="texty" onClick="window.open('?n=Pokusná Firma, s.r.o.&kap=jedna','_self')"
onmouseover="this.className='texty1'" onMouseOut="this.className='texty'">Pokus</div>
</td>
</tr>
</table>
</body>
1) Zkusil bych těm DIVům v CSS dát šířku (absoulutně)
anebo
2) Totéž v CSS přidat:
td {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
font-stretch: normal;
width:100%;
}
... ale to jenom hádám
Takže teď jsem to zkoušel nahrát k sobě a bod č. 1) ihned zavrhni a funguje bod č. 2), udělal jsem to takhle a fungovalo to bez problémů:
.texty {
background-color: ActiveBorder;
color: Blue;
cursor: pointer;
width:200px;
}
.texty1 {
background-color: White;
color: Green;
cursor: pointer;
width:200px;