Guenter Schuebert: linkfarbe

Beitrag lesen

<BODY TEXT="#ffffff" LINK="#ffffff" VLINK="#999999" ALINK="#00ff00" BGCOLOR="#000000">

<CENTER>
<script language="JavaScript">

ns4 = (document.layers)? true:false

ie4 = (document.all)? true:false

if (ns4){document.write('<link abs="stylesheet" href="hp_mm.css" type="text/css">');}

function layerWrite(id,nestref,text) {

if (ns4) {

if (nestref) var lyr = eval('document.'+nestref+'.document.'+id+'.document')

else var lyr = document.layers[id].document

lyr.open()

lyr.write(text)

lyr.close()

}

else if (ie4) document.all[id].innerHTML = text

}

function linkOver(id,link,text) {

layerWrite(id,null,'<A CLASS="red" HREF="'+link+'" onMouseOut="linkOut(''+id+'',''+link+'',''+text+'')" onclick="linkclick(''+id+'',''+link+'',''+text+'')" >'+text+'</A>')

}

function linkOut(id,link,text) {

layerWrite(id,null,'<A CLASS="blue" HREF="'+link+'" onMouseOver="linkOver(''+id+'',''+link+'',''+text+'')">'+text+'</A>')

}

function linkclick(id,link,text) {
alert('test1');
  layerWrite(id,null,'<A CLASS="red" HREF="'+link+'" onclick="linkclick(''+id+'',''+link+'',''+text+'')" >'+text+'</A>')

}

</script>

<STYLE type=text/css>
<!--
A.red {color:#ff0000; font-family:arial, helvetica}
A.blue {color:#0000ff; font-family:arial, helvetica}
#link0Div {position:relative; left:00; top:00;}
#link1Div {position:relative; left:00; top:00;}
#link2Div {position:relative; left:00; top:00;}
#link3Div {position:relative; left:00; top:00;}
-->
</STYLE>

<table cellspacing="12" cellpadding="12" border="1" height=321 style="HEIGHT: 321px; WIDTH: 296px" width=296>
<tr>
    <td align="right"><div id="link0Div"><A class=blue href="#" onmouseover ="linkOver('link0Div','#','Link 1')">Link 1</A></div></td>
</tr>
<tr>
    <td><div id="link1Div"><A class=blue href="#" onmouseover="linkOver('link1Div','#','Link 222222222')">Link 222222222</A></div></td>
</tr>
<tr>
    <td><div id="link2Div"><A class=blue href="#" onmouseover="linkOver('link2Div','#','Link 3')">Link 3</A></div></td>
</tr>
<tr>
    <td> <div id="link3Div"><A class=blue href="#" onmouseover="linkOver('link3Div','#','Link 4')">Link 4</A></div></td>
</tr>
</table>

</CENTER>
</BODY>

Dieses Script funktioniert prima, auch im Netscape, aber nur bei absoluter Positionierung in der Css-Definition.
Funktioniert nicht mehr bei relativer Positionierung!
Kann mir jemand einen Tip geben wie ich das doch hinkriege?
Gruß und schönes Wochenende,
Günter