trunx: Nichtlinkelemente mit :hover :visited :active etc stylen

Beitrag lesen

Hallo Marian, hallo wahsaga,

vielen Dank für die Antworten. ich geb hier mal den Quelltext an, dann wird vllt klarer, was ich meine:

css:
tr:hover td a { color:#ff0000; }

html:
<tr class="tn">
 <td><a href="url">Sp 1</a></td>
 <td><a href="url">Sp 2</a></td>
 ...
 <td><a href="url">Sp n</a></td>
</tr>

<!--[if lte IE 7]>
<script language="javascript">

window.onload = function att() {
var i = document.getElementsByTagName("tr");
for (var j = 0; j < i.length; j++) {
if (i[j].className == "tn") {
i[j].onmouseover = function an() {
var k = this.firstChild;
while (k != null) {
k.firstChild.style.color="#ff0000";
k = k.nextSibling;
} }
i[j].onmouseout = function aus() {
var k = this.firstChild;
while (k != null) {
k.firstChild.style.color="#0000ff";
k = k.nextSibling;
} } } } }

</script>
<![endif]-->

wie man sieht, benutze ich durchaus links, aber mit :hover bzw. onmouseover zerschiesse ich mir zunächst die dazugehörige visited-Information. Aber sie sollte noch da sein, aber wo?

bye trunx